VS Code是常用的编辑器之一,装好插件能提高很多工作效率。
一、插件的搜索和安装
插件搜索和安装有很多种方法,个人觉得最方便的是下图步骤
二、常用插件的介绍
插件 | 说明 | 备注 |
---|---|---|
Chinese (Simplified) Language Pack for Visual Studio Code | 中文简体语言包 | |
Auto Close Tag | 自动闭合标签 | |
Auto Rename Tag | 自动重命名配对的标签 | |
Code Runner | 运行代码片段 | |
Autoprefixer | 自动补全css前缀 | 需要根据说明配置 |
cssrem | 将px转换成rem | 需要根据设计稿配置 |
Easy Sass | 将scss编译为css | |
Highlight Line | 在当前行有一条横线提示 | |
Highlight Matching Tag | 闭合标签提示 | |
indent-rainbow | 在缩进前加上不同的颜色 | |
Open In Default Browser | 使用默认浏览器打开 | |
Path Autocomplete | 路径自动补全 | |
Path Intellisense | 文件路径提示 | |
Bracket Pair Colorizer | 括号使用相应的颜色对应 | |
Search vendor | 搜索node_modules 中文件很有用 | |
Vetur | 使用vue必装 | |
Prettier - Code formatter | 格式化代码 | |
vscode-icons | 使vscode显示目录文件夹 | |
Babel ES6/ES7 |
vscode还有很多好用的插件,每次打开之前没有打开过的文件类型,都会提示安装新的插件,暂时只推荐这些,会不断补充……