編寫程式碼時，程式碼在編輯器中顯示高亮，一方面，在感官方面使人覺得很舒服；另一方面，還可以提高開發效率。下面簡單介紹vue檔案在Sublime Text3 中高亮的vue外掛的安裝方法：

        第一步：安裝Package Control

        第二步：執行Install Package

        第三步：安裝Vue  Syntax Highlight

具體步驟如下：

一、安裝Package Control

1、簡單的安裝方法

使用Ctrl + `快捷鍵或通過View->Show Console選單開啟命令列，貼上如下程式碼:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
 

2、手動安裝

如果程式碼安裝不成功，可以手動安裝Package Control

a、點選Preferences >>Browse Package選單。

b、進入開啟的目錄的上層目錄，然後再進入Installed Packages/目錄。

d、重啟Sublime Text。

二、執行Install Package

1、開啟Package Control，可以用快捷鍵Ctrl + Shift + P或者Preferences（首選項）>>Package Control開啟，如果是後者開啟，如下圖：

2、開啟後，在安裝欄中輸入Install Package，選擇該項，回車即可，如下圖：

三、安裝Vue  Syntax Highlight

1、用第二步中的方法，開啟Package Control，之後在安裝欄中輸入Vue Syntax Highlight，然後回車即可。如下圖（因為我已安裝過，沒有顯示）：

2、安裝成功後，重啟Sublime Text，可以發現程式碼變為高亮了，並可以智慧提示，如下圖：