前段時間開始編寫一個vue項目，因為發現很多人使用sublime編輯器，所以我也選擇使用sublime，但是使用的過程并不順利，出現了一些問題，在網上查了很多資料，自己調試了很多次總算弄好了，記錄下來希望可以幫到有需要的人。

1.sublime3的下載

sublime3的下載還是比較容易的，直接百度搜索或者在很多軟件庫中都可以下載到。

2.sublime3插件的安裝

sublime3安裝完成后，我們首先要安裝sublime的插件管理包，打開sublime，同時按下ctrl+~，~就是左上角esc下的那個鍵，出現如下頁面，

將下面的代碼復制后粘貼到sublime下面的輸入框中，回車。稍等一會兒，等待其安裝完畢后重啟sublime。

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)

重啟sublime后點擊Preferences出現圖中內容說明安裝成功。這時我們就可以安裝我們編寫代碼時需要用到的插件了。

同時按下crtl+shift+p，輸入install，選擇第一個，稍等。

?現在就可以找自己需要的插件了。

我們需要安裝幾個插件，如下圖所示（我使用了stylus來編寫頁面樣式）。

切記不可盲目多裝插件，我就是因為多裝了一個Vue插件，導致vuecomponent文件出現了兩種，stylus插件在vue文件中無法生效。最后一個是一個格式化插件，但發現并不好用，問題很多，還是使用vuecli的eslint來格式化代碼比較方便。

3.sublime的配置

編寫vue代碼時我們一般要用es6的語法規范來約束代碼，對代碼的縮進要求比較嚴格，如果不進行設置，我們編寫的vue代碼會有很嚴重的縮進問題，經常會混用tab和空格，導致報錯。

點擊Preferences,選擇Settings選項。

在右側區域的添加一行，?? ?"translate_tabs_to_spaces": true ，如圖所示。

配置完成后，sublime會將所有的tab縮進轉換為空格縮進，保存后重啟sublime，現在我們就可以愉快的開始編寫vue代碼了。

總結

以上是生活随笔為你收集整理的如何使用sublime3愉快的编写vue项目（踩坑总结）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。