vue腳手架的安裝

2021-10-25 01:30:44 字數 932 閱讀 8614

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 如果...