搭建vue cli腳手架

2021-08-10 15:33:21 字數 792 閱讀 7985

前期工作準備:

2.安裝**映象,因為我們用的npm的伺服器是外國,有的時候我們安裝「依賴」的時候會超級慢,所以就用這個cnpm來安裝我們說需要的「依賴」。命令列輸入:npm install -g cnpm –registry= 安裝完成後,就可以用cnpm 代替 npm ,速度會快很多。

3.安裝webpack,命令列工具輸入:npm install webpack -g,按裝完成後可根據webpack -v(小寫v) 來檢視當前版本。

4.安裝vue-cli,命令列輸入:cnpm install vue-cli -g, 使用vue-v來檢視當前版本。(注意:此處檢視版本使用大寫v)。

3.安裝vue腳手架輸入:vue init webpack *** ,注意這裡的「***」 是專案的名稱可以說是隨便的起名,但是需要主要的是「不能用中文」。

接下來會問好多問題:

1.cd vue-demo

//進入資料夾

2.cnpm install //對專案進行初始安裝

3.cnpm run dev //測試執行專案

最後在瀏覽器中開啟,頁面如下:

到這裡,我們已經安裝了 nodejs 和 vue-cli 腳手架工具,並且利用腳手架工具生成了乙個基於 webpack 的專案。

搭建vue cli腳手架

腳手架 cd xz vue 先進入專案資料夾 vue create後的那個資料夾 xz vue npm run serve 執行live server babel的效果。是先將腳手架中瀏覽器不懂的 翻譯為瀏覽器能懂的 然後,再將翻譯後的頁面執行在乙個臨時的開發伺服器中。強調 npm run serv...

vue cli腳手架搭建

是vue官方提供的腳手架工具。腳手架工具簡單講就是自動將專案需要的環境 依賴等資訊都配置好。檢查npm 版本,建議安裝到最新版本。命令列檢視版本號 node v npm v 公升級npm 可選操作 npm install g npm 修改為 映象 可選操作 npm config set regist...

vue cli腳手架搭建webpack vue專案

vue cli 是乙個官方發布 vue.js 專案腳手架,使用 vue cli 可以快速建立 vue 專案,github位址是 一 安裝 node.js 只是這樣安裝的 node 是固定版本的,如果需要多版本的 node,可以使用 nvm 安裝 安裝完成後,可以命令列工具中輸入 node v 和 n...