基礎開發
工欲善其事,必先利其器,開發前先來設定一下 Sublime Text,編輯 .vue 時才能更快上手喔~
高亮程式碼 - Vue Syntax Highlight
- 快捷鍵
Ctrl+Shift+P
,Mac 為Cmd+Shift+P
,叫出 Package Control - 輸入
Install
,選擇Package Control: Install Package
- 輸入
Vue Syntax Highlight
並安裝,完成後選擇View -> Syntax -> Vue Component
整理樣板 -HTML-CSS-JS Prettify
- 快捷鍵
Ctrl+Shift+P
,Mac 為Cmd+Shift+P
,叫出 Package Control - 輸入
Install
,選擇Package Control: Install Package
- 輸入
prettify
並選擇HTML-CSS-JS Pretiffy
- 打開
Tools -> HTML/CSS/JS Prettify -> Set node Path
- 找到下列程式碼並於最後加上 vue,這麼一來就可以整理 .vue 程式碼了。
"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "vue"],