vue cli腳手架的搭建

2022-07-04 00:45:15 字數 887 閱讀 9469

1. 安裝node.js2.包管理器

2.1 npm 國外

2.3 cnpm **映象(國內) 安裝教程參考最下面

操作命令執行:npm install -g cnpm --registry= 進行安裝

3.安裝vue-cli

執行命令:cnpm install vue-cli -g

4. 初始化專案 生成專案模板

執行命令:vue init webpack 專案名稱

後續一直回車預設 不預設的 自行調整

5.進入專案目錄,安裝模組包(記住是進入專案檔案內執行命令)

執行命令:cnpm install

6.啟動專案

執行命令:cnpm run dev

7.打包專案(專案內的資料夾執行命令,並且專案是啟動狀態 參考步驟6 )

執行命令:cnpm run duild

如果出現報錯:

useeslint改為false  這個是對語法的乙個驗證 

執行完無報錯後專案中應該會多乙個打包檔案dist

恭喜你搭建好了自己的腳手架

**映象cnpm安裝教程 :

腳手架目錄說明:

搭建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...