首頁 > 開發工具 > VSCode > 淺談vscode程式碼格式化的方法

淺談vscode程式碼格式化的方法

青灯夜游
發布: 2021-01-04 17:24:43
轉載
30982 人瀏覽過

淺談vscode程式碼格式化的方法

相關推薦:《vscode教學

vs code格式化程式碼的快速鍵如下:(來自這裡)

  • On Windows Shift   Alt   F
  • On Mac Shift   Option   Shift   
  • Option
  •    Shift   Option ##F
  • On Ubuntu 
Ctrl

   

Shift

   

I

但是自帶的格式化並不能滿足我的需求,這時候,不得不說插件大法好。

1、程式碼格式化為eslint風格(參考自這裡)

需要外掛程式:eslint##################在設定中新增:###

1

2

3

4

5

6

7

8

9

10

11

12

13

"eslint.autoFixOnSave": true,

"eslint.validate": [

  "javascript",

  "javascriptreact",

  {

    "language": "html",

    "autoFix": true

  },

  {

    "language": "vue",

    "autoFix": true

  }

],

登入後複製

eslint.autoFixOnSave 用來進行儲存時自動格式化,但預設只支援 javascript .js 檔案。

eslint.validate 用來設定作用的檔案類型。

然後在儲存程式碼的時候,就會自動格式化為eslint風格(需要儲存多次)。

2、HTML格式化程式碼縮排

需要外掛程式:Vetur


#Vetur是一個功能非常強大的插件,為vs code 編寫Vue程式碼提供了強大的支持,也支援大多數主流的前端開發腳本。具體可以看​​這裡->Vetur文件

安裝這個外掛後,可以在設定中看到如下的內容:


為了讓HTML程式碼可以格式化縮進,新增以下一條:

1

"vetur.format.defaultFormatter.html": "prettier"

登入後複製

然後用格式化程式碼的快速鍵就可以了。

更多程式設計相關知識,請造訪:程式設計課程! !

以上是淺談vscode程式碼格式化的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
visual-studio-code - vscode-vim使用本地.vrimrc
來自於 1970-01-01 08:00:00
0
0
0
VScode建html的時候不出來<HTML>框架
來自於 1970-01-01 08:00:00
0
0
0
node.js - vscode不能跳到程式碼
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板