vscode 常用設置


vscode 常用設置

 

by:授客 QQ1033553122

 

版本

vscode Version: 1.33.1

 

1.   自動保存文件設置

 

 

 

文件編輯一秒鍾過后自動保存

 

 

 

2.   黏貼后、保存完、輸入完后自動化格式

 

 

 

 

3.   代碼行可容納字符數及換行設置

 

 

 

 

bounded 超過word Wrap Column設置的字符數、達到視口最小寬度,則換行

 

4.   tab鍵自動轉為插入空格(默認就是勾選的)

 

 

 

 

5.   取消根據打開文件的內容自動設置Editor:Tab SizeEditor: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文件時,按提示操作,再配置下默認格式化器就好

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM