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檔案時,按提示操作,再配置下默認格式化器就好

轉載請註明出處,本文鏈接:https://www.uj5u.com/qita/14160.html
標籤:其他
上一篇:服務器報錯,大家可以幫我看看嘛
