簡單分享下vue專案的開發環境搭建流程~
1、安裝nodejs
vue的執行是要依賴於
node
的npm
node -v
，檢視node
版本號，出現版本號則說明安裝成功。
2、安裝**npm映象
由於npm是國外的使用速度較慢，所以我們需要安裝使用**的
cnpm
映象命令來管理工具。安裝命令如下：
npm install -g cnpm –-registry=在cmd下直接執行即可。
3、安裝
vue腳手架
vue的腳手架分為
2.0和
3.0兩個版本，安裝命令稍有區別，具體如下：
2.0版本：
cnpm install -g vue-cli
3.0版本：
cnpm install -g @vue/cli
都是在cmd下直接執行進行全域性安裝，完成後執行
vue -v
命令驗證是否安裝成功。
4、安裝
webpack
在cmd下執行命令
cnpm install webpack -g
進行安裝。
注意：webpack 4x以上，
webpack
將命令相關的內容都放到了
webpack-cli
，所以還需要安裝
webpack-cli
；安裝完成後執行
webpack -v
驗證。
到此所有安裝都已完成，接下來可以開始建立vue工程。
5、建立
vue工程
在乙個目錄下新建乙個vuepro資料夾，
cd到該目錄下，建立新專案
vue_project。
注意2.0和
3.0版本的區別：
2.0版本：
vue init webpack vue_project
3.0版本：
vue create vue_project
6、安裝工程依賴
在當前工程目錄下執行cnpm install命令，工程根目錄下會自動生成
node_modules
資料夾用於儲存專案依賴檔案。
工程目錄結構如下（
7、啟動node服務
執行npm run dev
8、瀏覽裡輸入：http://localhost:8080執行專案，出現如下介面說明專案建立成功。
vue開發環境搭建
安裝完成後，附件裡選擇命令提示符 或者在開始的搜尋框裡輸入cmd回車調出命令面板 輸入 node v回車，出現相應版本證明安裝成功，node環境已經安裝完成，由於有些npm有些資源被遮蔽或者是國外資源的原因，經常會導致用npm安裝依賴包的時候失敗，所有我還需要npm的國內映象 cnpm。在命令列中輸...
搭建VUE開發環境
搭建vue開發環境 2 window r開啟控制台，輸入node v，檢查nodejs是否安裝完畢 安裝好的話會有nodejs版本號出現 3 npm config set registry 由於npm太慢，所以安裝 npm映象 4 npm config get registry，檢驗 npm映象是否...
搭建vue開發環境
1.sudo apt get install nodejs 2.sudo apt get install npm node v由於npm是國外的，使用起來比較慢，我們這裡使用 的cnpm映象來安裝vue.的cnpm命令管理工具可以代替預設的npm管理工具。npm install g cnpm reg...