使用VScode時格式化遇到的問題

2021-08-28 03:19:23 字數 680 閱讀 6640

1.前言

我們在使用vscode時,因為我們專案開啟了eslint**風格檢查,所以當寫錯了**格式時會用到vscode中格式化檔案來調整**風格,但我們使用時,一鍵下去,成了下面這樣:

瞬間懵逼有木有?雙引號和分號都出來了,這不是更亂了麼,於是,尋找問題所在,那是我們在使用vscode的外掛程式vetur時使用了預設設定,那我們需要更改這個配置:

(快速的解決辦法)首先我們找到vetur的配置:

在右邊的使用者設定中重新設定 」vetur.format.defaultformatter.js」: 「vscode-typescript」 來覆蓋預設設定,

(正經的解決辦法)

在專案中安裝:npm install --global prettier

在專案的根目錄下(同級index.html檔案)新建.prettierrc.json,並配置:

至此,當我們格式化時就不會出現不需要的分號與雙引號

vs code 配置 eslint 格式化

開發vue專案時,使用 eslint 作為 檢查和規範工具,vs code 預設的格式化工具不能識別 vue 檔案,所以不能進行格式化 所以,需要安裝 vetur 此工具除了能夠格式化 vue 檔案 外,還具有 高亮等功能 安裝此工具後,在 vue 檔案中,使用 atl shif f 鍵,會使用 v...

Wepy 格式化和語法高亮 vscode

wepy2.0 使用了 config 標籤,用舊的方法解析可能會有問題,故推薦禁用 vetur 擴充套件,安裝第三方 wepy 擴充套件 今天修改乙個比較早的小程式專案,專案使用的是 wepy 1.x 框架,開啟專案 中直接各種標紅警告,看了下發現是 vetur 擴充套件的報錯,setting 中直...

format格式化的使用

說明 format 通過 來替換 進行格式化,叫做佔位符 形式的格式化,是從c語言繼承過來的,printf style 字串格式化語法 1,s i love s.format python 會列印 i love python 2,s i love i am s.format python 18 會列...