1. 程式人生 > >如何讓vue檔案中的程式碼在Sublime Text 3中高亮?

如何讓vue檔案中的程式碼在Sublime Text 3中高亮?

大家寫在Sublime Text 3中編寫vue檔案時,會發現沒有程式碼智慧提示,清一色的黑底白字,不會像html、js一樣變成彩色,給我們帶來了很大的不便。所以需要安裝一款叫作Vue Syntax Highlight的外掛,它不僅可以使程式碼高亮起來,還能進行程式碼智慧提示。那怎樣安裝呢?分為以下幾步:

  • 安裝Package Control
  • 執行Install Package
  • 安裝Vue Syntax Highlight

具體步驟如下:
1、如果你沒安裝Package Control,請先安裝,安裝方法請自行百度。安裝OK後,接下來步驟請參考第2步即可。

2、如果你已經安裝過Package Control

,安裝vue高亮外掛就比較方便。
①如下圖:References選單中會出現Package Control選項。
References選單選項

②點選後,彈出如下搜尋框,選擇Install Package或者直接輸入都行。
Package Control

也可以使用快捷鍵Ctrl+Shift+P來召喚出Package Control
Ctrl+Shift+P

③然後回車,出現下圖搜尋框,輸入vue,就可以看到Vue Syntax Highlight外掛選項,選中回車即可(因為我已經安裝過,所以下圖未出現該選項)
安裝vue外掛

④安裝成功後,重新開啟vue檔案(如果你之前開了vue檔案,一定要關閉重新開啟才會變為高亮),可以發現程式碼都變為高亮了,並且可以進行智慧提示,如下圖:
vue高亮效果