在webStorm中默認是支持editorConfig插件的,那么我們需要在webStorm中自定義editorConfig的配置怎么來做?
第一步:打開webStrome > File > settings
;
第二步:找到Editor > Code Style
並點擊它,在下面會有一個Enable EditorConfig support
(啟動EditorConfig的支持),點它前面的復選框選中它;
第三步:在復選框的后面有一Export
按鈕,它是導出editorConfig配置文件;我們點一下它,然后點確定;這時在你的項目中已經有了一個.editorConfig
配置文件了;
[*] charset=utf-8 end_of_line=crlf insert_final_newline=false indent_style=space indent_size=4 [{.eslintrc,.babelrc,.stylelintrc,*.json,*.jsb3,*.jsb2,*.bowerrc}] indent_style=space indent_size=2 [*.scss] indent_style=space indent_size=2 [{.analysis_options,*.yml,*.yaml}] indent_style=space indent_size=2
到此我們已經把webStorm中的editorConfig配置好了,現在縮進是4個空格,把它改成2個空格 ,然后打開一個js文件按shift+ctrl+f
格式化時,js文件里的代碼就會按2個空格來縮進,這時說明插件啟動成功!