想让VS code干活快起来,插件少不了,开始吧:
快捷键:Ctrl+Shift+X打开插件搜索安装即可
(安装的插件通常会保存在这个目录:C:\Users\你的系统登录用户如administrator\.vscode\extensions)
插件列表:
自动闭合HTML标签
修改HTML标签时,自动修改匹配的标签
HTML5、CSS3、SVG的浏览器兼容性检查
运行选中代码段(支持大量语言,包括Node)
在VSCode中弹出浏览器并搜索,可编辑搜索引擎
颜色值在代码中高亮显示
拾色器
注释文档生成
插件
添加行书签
在代码中输入emoji
ESLint插件,高亮提示
根据路径字符串,快速定位到文件
FontAwesome提示代码段
同步文件到ftp
在状态栏显示当前行的Git信息
查看git log
显示文件最近的commit和作者,显示当前行commit信息
高亮缩进基准线
Gulp代码段
CSS class提示
css提示(支持vue)
HTML格式提示
缩进高亮
ES6语法代码段
Stylus语法高亮和提示
Lodash代码段
Markdown格式提示
Mocha代码段
快速导航到Node模块
运行npm命令
导入模块时,提示已安装模块名称
彩色输出信息
对比两段代码或文件
路径完成提示
另一个路径完成提示
格式化JSON
快速切换项目
发送REST风格的HTTP请求
VSCode设置同步到Gist
字符串转换处理(驼峰、大写开头、下划线等等)
测试用例生成(支持chai、should、jasmine)
Todo管理
package.json文件显示模块当前版本和最新版本
目前比较好的Vue语法高亮
快速打开选中模块的主页和代码仓库
文件图标,方便定位文件
文件图标拓展
Vue2代码段(包括Vue2 api、vue-router2、vuex2)
附录:VSCode首选项配置
{ "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "eslint.autoFixOnSave": true, "eslint.options": { "extensions": [ ".js", ".vue" ] }, "eslint.validate": [ "javascript", "javascriptreact", "vue", "vue-html" ], "search.exclude": { "**/node_modules": true, "**/bower_components": true, "**/dist": true }, "emmet.syntaxProfiles": { "javascript": "jsx", "vue": "html", "vue-html": "html" }, "extensions.autoUpdate": true, "editor.renderWhitespace": "boundary", "editor.cursorBlinking": "smooth", "workbench.welcome.enabled": true} 踩坑: 1. .