Eclipse 使用 CodeMix 外掛程式 開發 Vue.js

 前言：對比vscode， codemix整合在eclipse外掛程式裡面，符合使用習慣

1、下載並安裝node.js

　　官網地址： nodejs.org/en/ ， 目前的版本是 node-v8.11.4-x64.msi， 安裝過程直接預設選項即可。

　　安裝完成後， 在CMD控制台輸入 node -v  和 npm -v ，如果都能顯示版本號碼，則是安裝成功

2、下載並安裝windows git

　　官網地址： www.git-scm.com/downloads， 目前的版本是Git-2.18.0-64-bit.exe，安裝過程直接預設選項即可。

　　安裝完成後， 在CMD控制台輸入 git --version，如果能顯示版本號碼，則是安裝成功

3、安裝eclipse codemix外掛程式

　　開啟Eclipse， 選擇 Help -->Eclipse MarketPlace，輸入 vue 搜尋codeminx外掛程式， 點擊 install 進行安裝，如， 安裝完成後，會提示重啟eclipse，點擊重啟即可。

　　

 

　　重啟eclipse後會進入到codeminx歡迎頁面， 直接點擊 next， 到最後close就行

 

4、建立VueProject

　　選擇 File -->New -->Other-->CodeMix-->VueProject，然後點擊next 輸入項目名， 最後點擊finish建立項目， 如

　　

　　

5、在eclipse中的Vue項目中開啟系統終端

　　先開啟項目根目錄的任何檔案， 比如READFIRST.md 或 README.md， 然後預設使用快速鍵 Ctrl + Alt + T 即可開啟終端，如， 終端目錄位址是項目根目錄。

　　

　　如果上述快速鍵打不開， 則輸入 Ctrl + Shift + P 開啟搜尋方塊， 輸入 terminal關鍵字尋找到 "Open Local Terminal on  Selection" 選項，按斷行符號即可開啟終端

　　

 

6、測試終端命令

　　在終端中輸入 npm -v  後斷行符號，如果顯示版本資訊則正常， 如果提示找不到命令， 則重新關閉eclipse並啟動即可，如：

　　

　　

7、安裝npm相依模組

　　在終端中輸入 npm install 後斷行符號，安裝完成會產生 node_modules目錄，該目錄是npm載入的項目相依模組

8、運行Vue項目

　　在終端中輸入 npm run dev 後斷行符號，則運行Vue項目，之後會自動開啟瀏覽器，顯示Vue歡迎頁面！ 

 

　　　

 

　　至此，codemix外掛程式算是完成安裝並測試通過， 後續Vue開發， 靠大家自己摸索啦！

 

 

　　註：請註明出處，謝謝！