vue腳手架搭建流程:首先在node環境下使用npm或者cnpm進行vue腳手架搭建;1.安裝node環境
安裝成功後在命令列檢視node版本,如果有說明安裝成功。檢視node版本:node -v
2.安裝vue腳手架工具vue-cli大家在安裝node的時候,會自動安裝npm;可以先行檢視npm版本;npm -v
2.1 全域性安裝vue-cli1.npm install vue-cli -g2.npm版本可能安裝慢,可以映象cnpm,使用cnpm安裝,如下安裝cnpm:
然後安裝vue-cli
cnpm install vue-cli -g;
2.2 準備工作已經完畢,下面直接使用vue初始化webpack專案;
vue init webpack myvue(專案名)
中間會輸入專案名稱,專案描述,作者等資訊;
一路回車
可以看到我們剛才建立的webpack專案已經建好了:
2.3 檢視目錄結構2.4 安裝依賴
npm install 或者 cnpm install
2.5 啟動本地程式
npm run dev 或者 cnpm run dev
搭建VUE腳手架 vue cli
確保node.js和npm cnpm都安裝好的情況下,檢視命令 node v npm v cnpm v,有返回版本號即為安裝成功,npm和cnpm有乙個即可,cnpm是 映象的npm,相對npm更快更穩定,配置命令 npm install g cnpm registry 在用 vue.js 構建大型...
搭建Vue腳手架(vue cli)
1.安裝node.js 安裝完成之後,開啟命令列工具 win r,然後輸入cmd 輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。c users 19565 node v v12.13.1 c users 19565 npm v 6.12.1 2.安裝webpack 開啟命令列工具...
Vue 搭建Vue腳手架(vue cli)
安裝nodejs 我們所需要的npm包管理器,是整合在node中的,所以,直接輸入npm v就會如下圖所示,顯示出npm的版本資訊。vue安裝 在用 vue.js 構建大型應用時推薦使用 npm 安裝,npm 能很好地和諸如 webpack 或 browserify 模組打包器配合使用。vue.js...