1、修改文件縮進css
百度這個問題的都是強迫症患者。vue
前人代碼是2個空格縮進，我習慣3個， windows
step1：打開 文件 —> 首選項 —> 設置，進入用戶設置編輯器
step2：設置縮進量，（加兩句代碼）字體
step3：格式化代碼（此時，頁面縮進已經改變，但可能有部分代碼還是原縮進量）spa
windows用戶：Shift + Alt + F插件
2、刪除代碼空白行ssr
不喜歡代碼有空行，看起來累，還會增大源文件。代理
按下ctrl+h，選擇使用正則匹配：^\s*(?=\r?$)\n ，再點所有替換，OK~code
3、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 ......