鍍金池/ 問答/HTML/ 編輯器vscode，代碼規(guī)范管理eslint

編輯器vscode，代碼規(guī)范管理eslint

開發(fā)工具使用vscode，使用eslint進行代碼規(guī)范管理，進行換行時，好像執(zhí)行的是tab，四個空格，而eslint中要求兩個空格，每次都要手動敲空格，請問這個有什么辦法處理嗎？

回答
編輯回答
朕略萌

打開設置修改：

"editor.tabSize": 2

另外如果該設置無效檢查下你是否有用到editorconfig...

2017年8月16日 18:53
編輯回答
扯不斷

方案一：文件 -> 首選項 -> 設置。將 editor.tabSize 改為 2。注意：復制到右側修改。
方案二：安裝插件 Prettier formatter for Visual Studio Code。同樣在設置里面 找到 Prettier 的設置。
它默認為2個空格。你Shift + Alt + F，格式化為合適的。
另外我的eslint是airbnb規(guī)范。所以你根據(jù)你的規(guī)范可以執(zhí)行修改配置。

// 單引號
"prettier.singleQuote": true,
// 末尾逗號
"prettier.trailingComma": "all",

clipboard.png

我是除了修改配置。還安裝了一個插件 EditorConfig for Visual Studio Code

項目文件夾根目錄創(chuàng)建這個文件 .editorconfig，內(nèi)容如下：

root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

EditorConfig：http://editorconfig.org/

2018年6月12日 05:34
編輯回答
幼梔

自己寫代碼注意下規(guī)范就好了，該縮進縮進，該換行換行，該注釋注釋，為啥要用別的東西限制自己寫代碼呢，感覺好操蛋

2017年7月28日 23:56
編輯回答
扯不斷

首選項-設置-搜索tab-"editor.tabSize": 2

2017年3月23日 09:16