vscode使用eslint設定

2022-09-06 01:21:09 字數 2224 閱讀 3512

],// #讓prettier使用eslint的**格式進行校驗

"prettier.eslintintegration": true,

// #去掉**結尾的分號

"prettier.semi": false,

// #使用帶引號替代雙引號

"prettier.singlequote": true,

// #讓函式(名)和後面的括號之間加個空格

"j**ascript.format.insertspacebeforefunctionparenthesis": true,

// #這個按使用者自身習慣選擇

"vetur.format.defaultformatter.html": "js-beautify-html",

// #讓vue中的js按編輯器自帶的ts格式進行格式化

"vetur.format.defaultformatter.js": "vscode-typescript",

"vetur.format.defaultformatteroptions":

},// 格式化stylus, 需安裝manta's stylus supremacy外掛程式

"stylussupremacy.insertcolons": false, // 是否插入冒號

"stylussupremacy.insertsemicolons": false, // 是否插入分好

"stylussupremacy.insertbraces": false, // 是否插入大括號

"stylussupremacy.insertnewlinearoundimports": false, // import之後是否換行

"stylussupremacy.insertnewlinearoundblocks": false // 兩個選擇器中是否換行

}

],// #讓prettier使用eslint的**格式進行校驗

"prettier.eslintintegration": true,

// #去掉**結尾的分號

"prettier.semi": true,

// #使用帶引號替代雙引號

"prettier.singlequote": true,

// #讓函式(名)和後面的括號之間加個空格

"j**ascript.format.insertspacebeforefunctionparenthesis": true,

// #這個按使用者自身習慣選擇

/* "vetur.format.defaultformatter.html": "js-beautify-html",

// #讓vue中的js按編輯器自帶的ts格式進行格式化

"vetur.format.defaultformatter.js": "vscode-typescript",

"vetur.format.defaultformatteroptions":

}, */

// 格式化stylus, 需安裝manta's stylus supremacy外掛程式

"stylussupremacy.insertnewlinearoundblocks": false, // 兩個選擇器中是否換行

"stylussupremacy.insertcolons": false, // 是否插入冒號

"stylussupremacy.insertsemicolons": false, // 是否插入分好

"stylussupremacy.insertbraces": false, // 是否插入大括號

"stylussupremacy.insertnewlinearoundimports": false,

"eslint.autofixons**e": true,

"eslint.alwaysshowstatus": true,

"vetur.format.defaultformatter.css": "none",

"vetur.format.defaultformatter.html": "none",

"vetur.format.defaultformatter.js": "none" // import之後是否換行

}

1)eslint

2)vetur

3)prettier - code formatter

4)manta's stylus supremacy

vs code 配置 eslint 格式化

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

關於如何使用esLint

如何使用 npm install g eslint 之後就可以使用了 eslint init 進行初始化後,會有許多選擇,按自己的配置點確定就好 之後會生成乙個 eslintrc.js的檔案可以在裡面配置一些東西 例如在rules下 rules 之後就是安裝各種包npm install 在packa...

vue loader 配置及 eslint 使用

一.vue loader 配置詳解 1.preservewhitepace true 清除文字換行等情況空格 2.extractcss true 把vue的css提取到單獨的檔案,預設 3.cssmodules 用法 module 4.hotreload true 熱更新,缺省會自動判斷是否開發環境...