vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码

vscode的简介:

vscode是微软开发的一款轻量级代码编辑器,免费、开源而且功能强大。vscode是用electron开发可在多端运行,可以适用多种语言的开发工具。

目的:

工欲善其事,必先利其器。通过配置 VSCode 插件来提高生产力。

如何配置插件:

1.安装vscode;

2.打开软件,找到插件入口;

3.输入相应的插件名称,基本安装了就可以了。

vscode 阅读java源码 vscode源码阅读插件_vscode_02

非常好用的插件:

1.code spell Checker

下载量:244w+

vscode 阅读java源码 vscode源码阅读插件_vscode_03

这个是项目单词拼写检测,可以在进行项目工作区进行是否区分使用。

2.Chinese (Simplified) Language Pack for Visual Studio Code

下载量:886w+

此中文(简体)语言包为 VS Code 提供本地化界面。

vscode 阅读java源码 vscode源码阅读插件_前端_04

3.EditorConfig for VS Code

下载量:329w+

当多个人参与一个项目,每个人使用的编辑器不一样,代码风格自然也不一样,开发者能够轻松的遵守最基本的代码规范。

.editorconfig文件会被EditorConfig 识别的。

vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码_05

4.Color Picker

下载量:73w+

颜色选择器,可直接在css文件里。

vscode 阅读java源码 vscode源码阅读插件_git_06

5.GitLens — Git supercharged

下载量:856w+

能够看到git历史信息提交。

vscode 阅读java源码 vscode源码阅读插件_ide_07

6.filesize 

下载量:26w+

能够查看文件的大小。

vscode 阅读java源码 vscode源码阅读插件_git_08

vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码_09

7.Prettier - Code formatter

下载量:117w+

代码格式化工具的,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。

vscode 阅读java源码 vscode源码阅读插件_vscode_10

 prettier的一些配置与.editorconfig作用相同,但是prettier优先级更高!

如果需要ctrl+s保存自动格式化,可在setting.json设置文件配置即可。

"editor.formatOnSave": true,

.prettierrc.js文件被Prettier 所识别,这里是使用umijs的规范

vscode 阅读java源码 vscode源码阅读插件_ide_11

vscode 阅读java源码 vscode源码阅读插件_git_12

8. Import Cost

下载量:103w+

Import Cost 显示代码里导入包的代价成本。它能帮助查找性能瓶颈,防止将大量捆绑包输送给用户。

vscode 阅读java源码 vscode源码阅读插件_ide_13

vscode 阅读java源码 vscode源码阅读插件_vscode_14

9.Auto Import

下载量:142w+

引入插件或组件,自动导包,大大提高书写效率。

vscode 阅读java源码 vscode源码阅读插件_前端_15

10.CSS peek

下载量:174w+

vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码_16

通过h5标签的class名、id名、HTML标记,如果值存在会可以索引到css或id对应实现的位置。

注:class名是引号的才生效。

vscode 阅读java源码 vscode源码阅读插件_git_17

11.Better Comments

下载量:159w+

使注释可以高亮显示,可以明示重点注释。

vscode 阅读java源码 vscode源码阅读插件_vscode_18

12.Trailing Spaces

下载量:63w+

高亮冗余的空格。

vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码_19

13.WakaTime

下载量:40w+

使用习惯中生成数据报表。可以计算出一个月、一年平均每天编程的时间。

vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码_20

vscode 阅读java源码 vscode源码阅读插件_git_21

14.Vibrancy

下载量:5w+

毛玻璃效果VScode插件。

vscode 阅读java源码 vscode源码阅读插件_git_22

vscode 阅读java源码 vscode源码阅读插件_git_23

15.Bracket Pair Colorizer 2

下载量:235w+

为代码中的各种结对的括号提供了颜色高亮等功能。

vscode 阅读java源码 vscode源码阅读插件_vscode 阅读java源码_24

16.Auto Rename Tag

下载量:507w+

将自动帮你完成尾部闭合标签的同步修改。

vscode 阅读java源码 vscode源码阅读插件_前端_25