editorconfig和eslint
editorconfig
1吊奢、格式統(tǒng)一配置工具
2、跨瀏覽器廣泛支持(常見如IDEA,WebStorm,Sublime,Vscode等統(tǒng)統(tǒng)都支持)
3漾根、權(quán)重高于編輯器內(nèi)部的格式設(shè)定
4积锅、配置項一共就8個
eslint
1、javascript語法風格檢查工具
2溢十、javascript靜態(tài)檢查工具
3截粗、支持es6,JSX, AngularJs
4耀怜、支持前端工程化工具
此文件的作用是為了防止團隊協(xié)作時大家所用 ide 不同導(dǎo)致代碼規(guī)范不同每次合并代碼時帶來大量的并沒有變化的代碼合并和不必要的沖突恢着。
去商店中搜索 EditorConfig for VS Code 進行安裝,這樣 VS Code 就會優(yōu)先根據(jù)項目根目錄的.editorconfig 文件對縮進之類風格進行配置财破,覆蓋 VS Code 默認配置掰派。
大部分編輯器都有這個插件,即使團隊成員使用不同的 IDE左痢,也可以很好的統(tǒng)一代碼風格靡羡。
只要保證.editorconfig 這個文件一直即可
root = true # 表示當前是項目根目錄
[*] # 所有文件都使用配置
charset = utf-8 # 編碼格式
indent_style = space
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
#root: 表明是最頂層的配置文件,發(fā)現(xiàn)設(shè)為true時俊性,才會停止查找.editorconfig文件略步。
#indent_style: 設(shè)置縮進風格,tab或者空格定页。tab是hard tabs趟薄,space為soft tabs。
#indent_size : 縮進的寬度典徊,即列數(shù)杭煎,整數(shù)。如果indentstyle為tab,則此屬性默認為tabwidth卒落。
#tab_width : 設(shè)置tab的列數(shù)羡铲。默認是indent_size。
#endofline: 換行符儡毕,lf也切、cr和crlf
#charset: 編碼,latin1腰湾、utf-8雷恃、utf-8-bom、utf-16be和utf-16le费坊,不建議使用utf-8-bom倒槐。
#trimtrailingwhitespace: 設(shè)為true表示會除去換行行首的任意空白字符。
#insertfinalnewline: 設(shè)為true表明使文件以一個空白行結(jié)尾