在開發中我們發現後端代碼偏向邏輯性,而前端代碼更偏向視圖性,是以選擇一個好的前端開發工具是讓你對前端開發保持熱情的重要元素!
在使用了三四種開發工具并進行反複的掙紮後,部落客最終選擇了vscode,究其原因不過兩點:1、體量很小,功能簡潔,使用簡單。2、有很合适的vue插件
下面附上下載下傳位址:點我下載下傳,建議大家下載下傳安裝版,比較穩定!
插件安裝,點選圖中标記圖示,進入應用商店:
如上圖所示在輸入框中搜尋chinese出現中文簡體語言包插件,點選安裝.
安裝完成後,右下角彈出彈窗:
點選Restart Now 重新開機軟體:
上圖看到,我們的中文簡體語言包已經生效,同理安裝下圖所列插件:
Atom One Dark Theme:vscode黑色主題,比較護眼,适合長時間程式設計使用;
Beauty:vscode格式化工具,支援css,js,html等多種語言的格式化操作;
Debugger for Chrome:安裝之後可以在chrome中調試前端代碼;
Open HTML in Default Browser ML:在浏覽器中預設打開html類型檔案;
TODO Highlight:使用todo做高亮标記;
Vetur:vue檔案的文法高亮顯示,除了支援template模闆以外,還支援大多數主流的前端開發腳本和插件,比如Sass和TypeScript;
工具安裝完成後,我們就可以思考代碼的問題了!
下一節我們會建立一個vue單頁面!
預知後事如何,且聽下回分解