編輯器另外一個很重要的功能就是代碼格式化了，VS Code默認(rèn)提供常見文件的格式化，如.js,.html等。

創(chuàng)新互聯(lián)主營衡南網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都APP應(yīng)用開發(fā),衡南h5小程序定制開發(fā)搭建,衡南網(wǎng)站營銷推廣歡迎衡南等地區(qū)企業(yè)咨詢

添加對.vue文件的格式化支持

這里我們添加對 .vue 文件的格式化支持。
1. 安裝 Vetur 插件
2. 在 VS Code 的設(shè)置中添加如下規(guī)則：

{
   "vetur.format.defaultFormatter": {
    "html": "prettier",
    "css": "prettier",
    "postcss": "prettier",
    "scss": "prettier",
    "less": "prettier",
    "js": "prettier",
    "ts": "prettier",
    "stylus": "stylus-supremacy"
  }
}

這里是設(shè)置 Vetur 默認(rèn)使用的格式化插件 prettier。 這樣對于.vue文件中的 html 和 javascript 代碼都有格式化支持了。

使用符合 ESLint 規(guī)范的格式化

1、使用 prettier 格式化 .js 文件

可以設(shè)置 prettier 在格式化的時候，讀取項目的 .eslintrc的配置，對 js代碼進行格式化。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

1. 首先為 VS Code 安裝 prettier 插件
2. 在 VS Code 的設(shè)置中添加如下配置
   1. json
   2. "prettier.eslintIntegration": true

2、對.vue文件的格式化

prettier插件對 .vue 文件格式化時，暫不能支持將 eslint規(guī)范應(yīng)用到 js代碼中。

但是我們可以先將其格式化，然后利用 ESLint 保存文件時自動修復(fù)錯誤的特性，修復(fù)一些諸如 分號，空格，縮進 等錯誤。

參考資料：

- Vetur

本文首發(fā)于我的github

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。