<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                [TOC] ## 簡介 由于不同操作系統回車出現的 `\r` 對 shell 的影響,所以在開始編碼前我們先使用 [editorconfig](https://editorconfig.org/) 來規范代碼風格。 ## 插件安裝 首先,如官方文檔所說以下編輯器不需要安裝插件,只需要配置 `.editorconfig` ![No Plugin](http://tbs.zhanghong.info/images/chapters/02/060_no_plugin.png) 以下編輯器需要安裝插件和配置 `.editorconfig` 文件 ![Has Plugin](http://tbs.zhanghong.info/images/chapters/02/060_has_plugin.png) 下面我們介紹一下在編輯器 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` 按鈕。 ![Install Now](http://tbs.zhanghong.info/images/chapters/02/060_sb_1.png) 進入 [https://packagecontrol.io/installation#st3](https://packagecontrol.io/installation#st3) 頁面,選擇 `SUBLIME TEXT 3` 選項卡,復制出里面的代碼段: ![S3 Code](http://tbs.zhanghong.info/images/chapters/02/060_sb_2.png) 代碼復制如下: ```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` 。 ![Install Control](http://tbs.zhanghong.info/images/chapters/02/060_sb_3.png) 3. 在出現的懸浮對話框中輸入 `Editor`, 然后點選下面的 `EditorConfig` 插件,就會自動開始安裝,請耐心等待。 ![Install Package](http://tbs.zhanghong.info/images/chapters/02/060_sb_4.png) 4. 安裝完后重新啟動 Sublime Text 3 。 ### PhpStorm 安裝插件 1. 打開設置面板 ![Config Panle](http://tbs.zhanghong.info/images/chapters/02/060_ps_1.png) 2. 打開插件頁面 ![Plugin Window](http://tbs.zhanghong.info/images/chapters/02/060_ps_2.png) 3. 在插件面板里搜索 `EditorConfig` 插件并完成安裝 ![Install Plugin](http://tbs.zhanghong.info/images/chapters/02/060_ps_3.png) ## 插件配置 在項目根目錄創建 `.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 '統一代碼風格' ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看