Vue腳手架vue cli搭建

2022-08-29 11:21:14 字數 1269 閱讀 1130

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 -g

2.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...