vscode 常用設置
by:授客 QQ:1033553122
版本
vscode Version: 1.33.1
1. 自動保存文件設置
文件編輯一秒鍾過后自動保存
2. 黏貼后、保存完、輸入完后自動化格式
3. 代碼行可容納字符數及換行設置
bounded 超過word Wrap Column設置的字符數、達到視口最小寬度,則換行
4. 按tab鍵自動轉為插入空格(默認就是勾選的)
5. 取消根據打開文件的內容自動設置Editor:Tab Size、Editor:insert Space的值
6. 插件安裝與配置
Eslint插件安裝(Javascript語法檢測推薦使用)
一個javascript語法規則和代碼風格的檢查工具。
打開界面中,輸入Eslint,搜索結果中點擊install
插件配置
自動修復配置
Prettier - Code formatter插件安裝
Prettier - Code formatter:只關注格式化,並不具有eslint檢查語法等能力,只關心格式化文件(最大長度、混合標簽和空格、引用樣式等),包括JavaScript,Flow,TypeScript,CSS,SCSS,Less,JSX,GraphQL,JSON,Markdown。
注意:針對該插件,輸入完自動格式化設置不起作用,需要按Ctrl+s才會格式,另外,似乎不支持Vue
插件配置
集成Eslint
tab空格數配置
去掉每行代碼結尾的分號
設置每行可容納字符數
Vetur插件安裝(Vue格式化推薦使用)
支持格式化vue
插件配置
設置插件默認的格式化器
tab設置
vue-beautify插件安裝(Vue格式化推薦使用)
7. 默認格式化器設置
選中要格式化的代碼,按Alt+Shift+F,如下,未設置默認格式化器的時候,會彈出來以下提示,點擊config
(搜索)選擇要使用的格式化器(例子圈選部分),點擊
當然,也可以右鍵選擇Fortmation Selection With,打開以上界面
備注:Fortmation Selection 打開右下角的config提示
為了避免麻煩,我們可以設置我們安裝的格式化插件為默認格式化器,該格式化插件會優先於其他格式化器被用於格式化,但是實踐發現,當使用如下紅色選框圈選時的格式化器作為默認格式化器時,格式化vue代碼不起作用。解決方案是設置為null。個人理解,當設置為null時,會自動匹配最佳格式化器,然后格式化js文件時,按提示操作,再配置下默認格式化器就好