[TOC] ## 簡介 由于不同操作系統回車出現的 `\r` 對 shell 的影響，所以在開始編碼前我們先使用 [editorconfig](https://editorconfig.org/) 來規范代碼風格。 ## 插件安裝 首先，如官方文檔所說以下編輯器不需要安裝插件，只需要配置 `.editorconfig`  以下編輯器需要安裝插件和配置 `.editorconfig` 文件  下面我們介紹一下在編輯器 Sublime Text 3 和 PhpStrom 里如何安裝 `EditorConfig` 插件，如果你使用的是其它需要安裝插件的編輯器話，請自行 Google 所使用編輯器如何安裝 `EditorConfig` 插件。 ### Sublime Text 3 安裝插件 1. 安裝 Package Control Package Control 是 Sublime Text 編輯器的插件管理包，所以我們首先要安裝它。有了它之后，我們就可以很方便的瀏覽、安裝和卸載 Sublime Text 中的插件。**如果你已經安裝了 Package Control 請從本小節的第 2 步開始安裝插件。** 打開 Package Control 的網頁 [https://packagecontrol.io/](https://packagecontrol.io/) ，點擊右側的 `Install Now` 按鈕。  進入 [https://packagecontrol.io/installation#st3](https://packagecontrol.io/installation#st3) 頁面，選擇 `SUBLIME TEXT 3` 選項卡，復制出里面的代碼段：  代碼復制如下： ```shell import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by) ``` 快捷鍵 `Ctrl+~` 或者 `Ctrl+Shift+p` 打開 Sublime Text 3 控制臺，將之前復制的代碼粘貼到控制臺里，按下 `Eenter` 鍵。 等待其安裝完成后關閉程序，重新啟動 Sublime Text 3 ，點開菜單 `Preferences(首選項)`可見 `Package Control` 項，說明插件管理包已安裝成功。 2. 快捷鍵 `Ctrl+Shift+p` ，打開 `Command Palette` 懸浮對話框，在頂部輸入 `Install`, 然后下選點擊 `Package Control:Install Package` 。  3. 在出現的懸浮對話框中輸入 `Editor`, 然后點選下面的 `EditorConfig` 插件，就會自動開始安裝，請耐心等待。  4. 安裝完后重新啟動 Sublime Text 3 。 ### PhpStorm 安裝插件 1. 打開設置面板  2. 打開插件頁面  3. 在插件面板里搜索 `EditorConfig` 插件并完成安裝  ## 插件配置 在項目根目錄創建 `.editorconfig` 文件： ```shel $ touch .editorconfig ``` 新創建的 `.editorconfig` 文件配置信息如下： ``` root = true [*] charset = utf-8 end_of_line = lf insert_final_newline = true indent_style = space indent_size = 4 trim_trailing_whitespace = true [*.md] trim_trailing_whitespace = false [*.yml] indent_size = 2 [*.{js,html,css}] indent_size = 2 ``` 在這里，我們簡單介紹一下以上設置的意義，想了解更多 `.editorconfig` 設置參數介紹請閱讀 [editorConfig編輯器配置](https://www.jianshu.com/p/00ac7bd5e74e) ： 1. 所有文件的代碼縮進方式是『空格』，給所有文件結尾添加一個空行； 2. 除 `md` 文件外其它格式文件保存時自動刪除行尾空格； 3. `js`、`css` 和 `html` 文件按 **2** 個空格縮進代碼，其它格式文件按 **4** 個空格縮進代碼。 ## 提交代碼 接下來，把代碼納入到版本管理： ```shell $ git add -A $ git commit '統一代碼風格' ```