vue cli(腳手架的搭建)

2021-10-06 05:02:02 字數 907 閱讀 7570

358@toc

安裝vue-cli的新的體驗,在已經有了node環境下的安裝

1.開啟cmd命令視窗,輸入『npm i -g webpack『

2.出現[email protected](版本號)表示成功

1.輸入』npm install webpack webpack-cli -g『

2.出現[email protected]成功(版本號)

1.npm install -g vue-cli

2.出現[email protected]成功

3.檢查:vue -v(中間有空格,v大寫),出現版本號2.9.6表示安裝成功

1.在資料夾中開啟cmd

2.vue init webpack project_name(project_name表示專案名字 隨便取)。命令執行之後,會在當前目錄生成乙個以該名稱命名的專案資料夾。

3.project name (baoge): -----專案名稱,直接回車,按照括號中預設名字(注意這裡的名字不能有大寫字母,如果有會報錯sorry, name can no longer contain capital letters)

4.安裝依賴 npm install

5.啟動專案 npm run dev (這算成功了,其實後面應該有埠號的,我設定的示8080,標準的應該是http:』'localhost:8080)

6.開啟專案,應該出現這個

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