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

1.sublime3的下載

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

2.sublime3插件的安裝

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

將下面的代碼復(fù)制后粘貼到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出現(xiàn)圖中內(nèi)容說明安裝成功。這時我們就可以安裝我們編寫代碼時需要用到的插件了。

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

?現(xiàn)在就可以找自己需要的插件了。

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

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

3.sublime的配置

編寫vue代碼時我們一般要用es6的語法規(guī)范來約束代碼，對代碼的縮進(jìn)要求比較嚴(yán)格，如果不進(jìn)行設(shè)置，我們編寫的vue代碼會有很嚴(yán)重的縮進(jìn)問題，經(jīng)常會混用tab和空格，導(dǎo)致報錯。

點擊Preferences,選擇Settings選項。

在右側(cè)區(qū)域的添加一行，?? ?"translate_tabs_to_spaces": true ，如圖所示。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。