2.x版本的腳手架
3.x和4.x版本的腳手架
腳手架:
已經準備好的模板,在裡面寫內容;
安裝vue首先我們得安裝webpack,我們首先從2.x版本開始安裝腳手架,然後再安裝3.x版本
安裝webpack
npm i webpack-cli -g //安裝webpack,搭建相關的環境
安裝時候出現問題解除安裝
npm uninstall webpack-cli -g
接下來安裝 vue-cli (vue腳手架)
cnpm i vue-cli -g //建立2.x vue腳手架的環境
建立2.x腳手架的專案
vue init webpack 專案名字
eslint 是否使用嚴格模式
2.x腳手架執行專案的指令
npm run dev
接下來安裝腳手架3.0,需要使用乙個工具銜接
安裝銜接工具:
npm install @vue/cli-init -g
然後直接建立3.x以上的版本的腳手架
vue create 專案名字
3.x啟動專案的指令
npm run serve
如果啟動檢視
vue ui
node-module:裡面儲存的是我們需要包的依賴包
腳手架3.0和2.0的區別在哪:
3.0有圖形介面 vue ui
3.0的public代替了2.0的static專門儲存靜態檔案
src:資源
public是公共資源
vue腳手架安裝
cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...
vue安裝腳手架
如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...
安裝vue腳手架
vue2.0 1.vue v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本 3.npm cache clean force 如果...