vscode的简介:
vscode是微软开发的一款轻量级代码编辑器,免费、开源而且功能强大。vscode是用electron开发可在多端运行,可以适用多种语言的开发工具。
目的:
工欲善其事,必先利其器。通过配置 VSCode 插件来提高生产力。
如何配置插件:
1.安装vscode;
2.打开软件,找到插件入口;
3.输入相应的插件名称,基本安装了就可以了。
非常好用的插件:
1.code spell Checker
下载量:244w+
这个是项目单词拼写检测,可以在进行项目工作区进行是否区分使用。
2.Chinese (Simplified) Language Pack for Visual Studio Code
下载量:886w+
此中文(简体)语言包为 VS Code 提供本地化界面。
3.EditorConfig for VS Code
下载量:329w+
当多个人参与一个项目,每个人使用的编辑器不一样,代码风格自然也不一样,开发者能够轻松的遵守最基本的代码规范。
.editorconfig文件会被EditorConfig 识别的。
4.Color Picker
下载量:73w+
颜色选择器,可直接在css文件里。
5.GitLens — Git supercharged
下载量:856w+
能够看到git历史信息提交。
6.filesize
下载量:26w+
能够查看文件的大小。
7.Prettier - Code formatter
下载量:117w+
代码格式化工具的,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。
prettier的一些配置与.editorconfig作用相同,但是prettier优先级更高!
如果需要ctrl+s保存自动格式化,可在setting.json设置文件配置即可。
"editor.formatOnSave": true,
.prettierrc.js文件被Prettier 所识别,这里是使用umijs的规范
8. Import Cost
下载量:103w+
Import Cost 显示代码里导入包的代价成本。它能帮助查找性能瓶颈,防止将大量捆绑包输送给用户。
9.Auto Import
下载量:142w+
引入插件或组件,自动导包,大大提高书写效率。
10.CSS peek
下载量:174w+
通过h5标签的class名、id名、HTML标记,如果值存在会可以索引到css或id对应实现的位置。
注:class名是引号的才生效。
11.Better Comments
下载量:159w+
使注释可以高亮显示,可以明示重点注释。
12.Trailing Spaces
下载量:63w+
高亮冗余的空格。
13.WakaTime
下载量:40w+
使用习惯中生成数据报表。可以计算出一个月、一年平均每天编程的时间。
14.Vibrancy
下载量:5w+
毛玻璃效果VScode插件。
15.Bracket Pair Colorizer 2
下载量:235w+
为代码中的各种结对的括号提供了颜色高亮等功能。
16.Auto Rename Tag
下载量:507w+
将自动帮你完成尾部闭合标签的同步修改。