vue中使用eslint以及prettier

2021-10-18 07:10:28 字數 543 閱讀 5079

如何保證團隊中協同開發時,**質量與風格保持一致,那麼我們就需要使用到eslint以及prettier去格式化**。

安裝eslint,prettier,@vue/eslint-config-prettier.

配置es lin t

有2種方案, 可以在package.json檔案中的eslintconfig中配置,也可以在.eslintrc.js中配置。

es lin t配置內容

module.exports = ,

globals: ,

// rules預設

extends: [

「plugin:vue/essential」,

「eslint:recommended」,

「@vue/prettier」

],plugins: [「prettier」],

parseroptions: ,

rules:

}.prettierrc.js配置

module.exports =

如果配置不神生效,請關閉當前專案,重新開啟嘗試。

Vue中使用ESlint出現的格式問題總結

最近使用vue做專案的時候,每次執行程式都會出現很多格式問題,有的問題可以很簡單的看明白,例如 expected indentation of 8 spaces but found 10,刪掉兩個空格就可以,還有一些不明白在說什麼,在此做乙個總結 failed to mount component ...

vue 使用eslint開發專案

1 安裝 npm i eslint eslint config standard eslint plugin standard eslint plugin promise eslint plugin import eslint plugin node d2 建立.eslintrc,這樣就可以檢測 了...

vue使用eslint遇到的坑

一 error extra semicolon semi 解決 eslint 配置是以 standard 為基礎的,要求是不使用分號,要使用分號則需要在.eslintrc配置檔案rules增加配置 semi error always 如果希望eslint不檢查分號,就 semi 0,二 indent...