vscode 經常使用設置

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文件時，按提示操做，再配置下默認格式化器就好