好久没有写技术相关的内容了,太惭愧了,想想去年的时候,有一段时间一直在疯狂输出,也有了一点点成效,不过很快就被自己给放弃了。
主要是最近换了工作,在新公司的所有软件都得重新安装一遍,然后在使用 VSCode 的时候,需要安装很多的插件,这样才能在 coding 的时候感受到美滋滋的效率。过程中发现除了一些基本的插件之外,其他使用起来很舒服的插件都记不清了,所以就整理一篇平时使用 VSCode 的一些插件和配置,这样再换了一个环境一台电脑之后,可以很快的按照平时的习惯 coding 了。
Chinese (Simplified) Language Pack for Visual Studio Code
这个插件主要的作用是用来设置 VSCode 的中文语言的,对于英文不太好的童鞋来说,这应该是在使用 VSCode 时安装的第一个插件。
Auto Close Tag
这个插件的作用主要有助于在写 HTML 文件的时候,在写标签的时候,插件会自动帮我们带上结束的标签。
HTML Snippets
这个插件的主要作用是在编写 HTML 文件的时候,会提示我们需要写的标签,这样就不需要我们一个一个代码的敲击出来。
Auto Rename Tag
这个插件的作用是在编写 HTML 的时候,自动修改重命名配对的标签。
JavaScript (ES6) code snippets
这个插件的主要作用是在编写 js 的时候,会自动给出需要的提示。
Color Highlight
这个插件主要的作用是为了在编写 CSS 颜色属性的时候,让颜色高亮显示。
vscode-icons
这个插件的作用是给编辑器的目录栏里的文件根据类型的不同,带上不同的图标来区分。(想起来公司电脑上的 VSCode 没有安装这个插件)
Document This
这个插件主要是给函数添加注释格式用的,写注释的时候非常方便。
Path Intellisense
这个插件在引入资源文件的时候,会自动提示出当前文件下的所有资源文件,相当的方便。
Vetur
这个插件主要是让 VSCode 支持 vue 单文件的语法高亮显示。
Vue 2 Snippets
这个插件也是和 vue 相关的,支持 vue 的语法提示。
GitLens
这个插件是和 git 相关的。如果项目使用的是 git 作为版本管理工具,会在每个文件中能看到每一行代码的提交记录,会显示出提交时间,修改者等内容,非常的方便。
Bracket Pair Colorizer
这个插件的作用是用来区分代码块的,插件会自动根据不同层级的代码块添加上不同的颜色括号,这样即使一个函数里嵌套的代码块层级很深,也能很快的区分出不同的代码块。
One Dark Pro
一个编辑器颜色主题插件。
Polacode
一个生成代码截图图片的插件,比起微信的截图效果美观多了。
carbon
也是一个生成代码截图图片的插件,不过这个插件会将选中的代码复制到一个在线的工具上,然后再使用这个工具去生成图片。效果如下:
用户代码片段
说完了常用的插件之外,再来谈谈一个比较实用但平时用的少的功能,就是用户代码片段。之前一直不明白这个功能的作用,直到最近,公司项目因为要给每个项目文件都加上版权注释,而其他同事用的都是 webstrom IDE,功能强而全,他们只需要通过 IDE 提供的配置,把注释内容设置好后,后面再新建文件就会自动在文件头部添加上版权注释。
作为一个习惯了轻量级编辑器的用户来说,立刻让我更换工具是不可能的,抱着不服输的态度,就去网上查资料,VSCode 关于这方面的功能,发现其实是可以同时配置用户代码片段自定义自己想要的提示内容的,简直是太棒了。
用户代码片段功能提供了全局配置和针对不同语言不同文件的配置。比如针对 javascript 语言的配置,可以在用户代码片段中找到 javascript.json 配置文件,里面有提供了配置的 DEMO 和说明,在使用的时候只需要配置好需要的内容就可以了。
常用的使用插件和配置就这些了,后面发现有好用的功能再添加上去。