VsCode插件安装及推荐

1、快捷键Ctrl + P，打开插件，输入 ext install （我习惯的输入方式）；2、或者点击图片中的圈红的按钮，也可以进入插件安装商城；

3、下面开始说下我目前安装的插件（我目前是vue开发，less编译css文件，项目管理是svn，所以用到的是这么多）HTML Snippets （提示初级的H5代码片段）


HTML CSS Support （让 html 标签上写class 智能提示当前项目所支持的样式）
jQuery Code Snippets （jq的必备品）




view in broswer （ctrl + f1 在默认的浏览器中运行当前的html，用惯HBuilder和webstrom这些ID一定会喜欢这个插件的）
vscode-icon （让vscode的文件夹目录添加上对应的图标）


注：安装好如果不生效的话，需要到“文件 -- 首选项 -- 文件图标主题 -- 选择vscode icons ”


Path Intellisense （文件路径自动补全）


Npm Intellisense （require 时的包提示）
Atuo Rename Tag （修改标签闭合，习惯用webstrom，这个就是似曾相识的感觉了）
filesize （在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间）


Bracket Pair Colorizer （让括号有独立的颜色）


Vue插件vetur （语法高亮、智能感知、Emmet等）


VueHelper （snippet代码片段）


SVNtortoiseSvntortoiseSvn for vs code
LESSeasy less（保存后自动编译）
还有一些。。。我也不知道是什么功能了，反正都下了 = =






首选项--设置{ "git.ignoreMissingGitWarning": true, "workbench.iconTheme": "vscode-icons", "files.autoSave":"off", "eslint.validate": [//eslint配置 "javascript", "javascriptreact", "html", { "language": "vue", "autoFix": true } ], "eslint.options": { "plugins": ["html"] }, "editor.fontSize": 16, "editor.detectIndentation": false,//缩进 "vetur.validation.template": false,//遍历时报错 "files.associations": {"*.vue": "html"}, "editor.wordWrap": "on" ,//换行 "files.associations": { "*.vue": "vue" }//scss报错}