VSC的基础使用（插件和设置）

插件

Beautify（1.5.0）：格式化
Auto Close Tag（0.5.8）
Auto Rename Tag（0.1.4）
Bracket Pair Colorizer（1.0.61）：括号变色
Chinese (Simplified) Language Pack for Visual Studio Code（1.48.1）：中文变色
CSS Peek（4.0.0）：
ES7 React/Redux/GraphQL/React-Native snippets（2.8.2）：快速创建一个组件
HTML CSS Support（0.2.3）：
HTML Snippets（0.2.1）
IntelliSense for CSS class names in HTML（1.19.0）
One Dark Pro（3.8.5）
open in browser（2.0.0） :在vsccode中右键打开html
Vetur（0.26.0）：
vscode-icons（10.2.0）
VScode Counter： （统计代码行数）（^b*[:b#/]+.*$统计一个页面的有效行数好使）

设置

1、输入框中输入Tab Size：一个tab顶多少个空格
2、打开setting,在搜索框中输入renderControlCharacters,选中勾选框,即可显示tab
3、在搜索框中输入renderWhitespace,选择all,即可显示空格

1、统计代码行数（按照如图的1,2,3即可）

2：打开VScode Counter（通过按F1或者ctrl+shift+p,打开命令面板）

3、使用counter
输入counter,会出现以下的几个选项，分别是1、插件可用的语言2、某个目录下的文件行数，3、某个工作区的文件数

这里选择目录下的文件数，会出现以下截图

4：显示结果
显示的页面中显示的是所需要的的行数，可以点击detail查看详细的数据

来源：https://www.jianshu.com/p/55452777d011，飞机票飞机票︿(￣︶￣)︿