Eclipse 使用 CodeMix 插件 開發 Vue.js

 前言：對比vscode， codemix集成在eclipse插件裏面，符合使用習慣

一、下載並安裝node.js

　　官網地址： https://nodejs.org/en/ ， 當前版本是 node-v8.11.4-x64.msi， 安裝過程直接默認選項便可。

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

二、下載並安裝windows git

　　官網地址： https://www.git-scm.com/downloads， 當前版本是Git-2.18.0-64-bit.exe，安裝過程直接默認選項便可。

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

三、安裝eclipse codemix插件

　　打開Eclipse， 選擇 Help -->Eclipse MarketPlace，輸入 vue 搜索codeminx插件， 點擊 install 進行安裝，以下圖， 安裝完成後，會提示重啓eclipse，點擊重啓便可。

　　

 

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

 

四、新建VueProject

　　選擇 File -->New -->Other-->CodeMix-->VueProject，而後點擊next 輸入項目名， 最後點擊finish建立項目， 以下圖

　　

　　

五、在eclipse中的Vue項目中打開系統終端

　　先打開項目根目錄的任何文件， 好比READFIRST.md 或 README.md， 而後默認使用快捷鍵 Ctrl + Alt + T 便可打開終端，以下圖， 終端目錄地址是項目根目錄。

　　

　　若是上述快捷鍵打不開， 則輸入 Ctrl + Shift + P 打開搜索框， 輸入 terminal關鍵字查找到 "Open Local Terminal on  Selection" 選項，按回車便可打開終端

　　

 

六、測試終端命令

　　在終端中輸入 npm -v  後回車，若是顯示版本信息則正常， 若是提示找不到命令， 則從新關閉eclipse並啓動便可，以下圖：

　　

　　

七、安裝npm依賴模塊

　　在終端中輸入 npm install 後回車，安裝完成會生成 node_modules目錄，該目錄是npm加載的項目依賴模塊

八、運行Vue項目

　　在終端中輸入 npm run dev 後回車，則運行Vue項目，以後會自動打開瀏覽器，顯示Vue歡迎頁面！ 

 

　　　

 

　　至此，codemix插件算是完成安裝並測試經過， 後續Vue開發， 靠你們本身摸索啦！

 

 

　　注：轉載請註明出處，謝謝！