插件

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

用户代码片段

用户代码片段可使用命令+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"
    }
}