插件

run code

代码运行插件。

Color Pick

提示和选取颜色

copy text

提供一个复制选项,复制时不复制样式ctrl+shift+c

主题

One Dark Prow

Atom暗黑主题。

vscode icon

改变文件及文件夹图标。

快捷键

Eclipse Keymap

将快捷键设置为Eclipse风格。

HTML

auto rename tag

改一边的标签自动改另一边

open in browser

在浏览器中打开

live server

开启一个静态资源服务器

CSS

color info

提示css中的颜色。不建议与Color Info一起使用。

stylelint

css检查工具

javascript

ESLint

EsLint

prettier-code formatter

替换自带的代码格式化器。可格式化html、css、js。

可以在项目的.prettierrc文件中配置项目prettier

EditorConfig for VS Code

代码格式化。通过.editorconfig配置。

SASS

Sass

sass代码高亮

VUE

vetur

VUE代码高亮、智能感知、Emmet。

技巧

生成html模版

在html文件中! + tab

快捷键设置

设置快捷键方法:file=>preferences=>keyboard shortcuts

command name command default key binding 我的习惯
Toggle Line Comment editor.action.commentLine ctrl+shift+c 禁用

用户代码片段

用户代码片段可使用命令+tab快速创建代码。设置方法:file=>preferences=>user snippets

vue.json

{
    "Print to console": {
        "prefix": "vue",
        "body": [
            "<style>",
            "/* pageFullScreen在index.css */",
            "#xxxFullScreen {",
            "background-color: #eee;",
            "} \n",
            "</style>",
            "<template>",
            "    

\n", "
", "</template>", "", "$2" ], "description": "Log output to console" } }
分类: 不太重要的

1 条评论

fleck 5600sxt 48000 · 2020年4月6日 上午11:46

I do consider all of the ideas you’ve presented in your post.
They’re very convincing and will certainly work. Nonetheless,
the posts are too short for beginners. May you please lengthen them a bit from subsequent time?
Thanks for the post.

发表评论

电子邮件地址不会被公开。 必填项已用*标注