快速搭建Vue cli腳手架工程

2021-09-24 01:23:29 字數 811 閱讀 4631

首先檢視是否已經按照了node.js,沒按照的先去安裝再來看

控制台輸入命令檢視是否已安裝node.js:node --version

控制台輸入命令來安裝**映象:npm install 

-g cnpm --registry=

安裝成功後就可以使用cnpm指令快速安裝其它需要的檔案了

安裝成功的截圖:

命令:cnpm i vue-cli -g

tip:-g表示全域性安裝,i是install的簡寫也可以用

安裝完後輸入命令:vue --version檢視是否安裝成功

安裝成功的截圖:

1.來到我們要建立的目錄下:我的是d:\mydemo\project

2.輸入命令

命令:vue init webpack vue-cli-demo

tips:webpack 表示我們是基於webpack的

vue-cli-demo表示是我們的專案名稱可以自由修改

3.命令執行

然後這些全部回車就可以了,然後等待一會

搭建vue cli腳手架

前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝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...