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

1、下載并安裝node.js

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

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

2、下載并安裝windows git

　　官網地址：?https://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開發， 靠大家自己摸索啦！

?

?

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

?

轉載于:https://www.cnblogs.com/windy-love/p/9522312.html

總結

以上是生活随笔為你收集整理的Eclipse 使用 CodeMix 插件 开发 Vue.js的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。