一、修改文件缩进
百度这个问题的都是强迫症患者。
前人代码是2个空格缩进，我习惯3个，
step1：打开 文件 —> 首选项 —> 设置，进入用户设置
step2：设置缩进量，（加两句代码）
step3：格式化代码（此时，页面缩进已经改变，但可能有部分代码仍是原缩进量）
windows用户：Shift + Alt + F
二、删除代码空白行
不喜欢代码有空行，看起来累，还会增大源文件。
按下ctrl+h，选择使用正则匹配：^\s*(?=\r?$)\n ，再点全部替换，OK~
三、vscode常用插件
1. Auto Rename Tag 自动重命名
修改标签名时，会自动帮你修改结束标签名。
2. Auto Close Tag 自动补充结束标签
3. Bracket Pair Colorizer 括号加颜色
帮助快速找到对应的结束括号，省得多或者少一个 半括号。
4. Live Server 开本地服务
步骤：
-
搜索插件live server，安装，重新加载
-
在编辑器右下角，有个live server，点击开启
-
打开文件---首选项----设置，找到 live server config，在右侧覆盖设置liveserver的端口或者代理ip
-
安装完毕后，开启服务，点击编辑器的右下角的Go live
"liveServer.settings.host": "1.2.3.4", // ip "liveServer.settings.port": 5500, //端口
5. cssrem px转rem
安装步骤：
-
在vscode的插件库，搜索 cssrem，安装，重新加载；
-
打开设置的cssrem configuration，设置根字体大小；
-
安装完，重新打开，再输入px，就会出现转换的rem值。
"cssrem.rootFontSize": 16,
6. Vetur （vue插件）
vue代码高亮、查错
7. vue vscode snippets （vue插件）
快速生成代码块；
快捷键： vbase、vdata、vmethod、vcomputed、vwatcher ......