vue腳手架(3 0)版本的安裝和使用

2022-06-12 12:21:08 字數 1522 閱讀 5167

一、vue(3.0)版本的安裝

1.先要安裝node.js(在這裡就不演示怎麼安裝nodejs,前面的部落格有教程)

官網:

2、nodejs安裝後:

a.如果之前安裝過vue的2.0版本,你需要把2.0相關的刪除

npm uni -g vue-cli或者cnpm uni -g vue-cli
b.如果沒有安裝或vue的2.0版本的話,直接在全域性的命令視窗,輸入  

cnpm i -g @vue/cli
c.檢查版本號

執行上面的指令,那麼vue的3.0版本就安裝好了。

二、vue的3.0版本的使用

1、新建乙個資料夾(在這裡,我是在d盤上新建的乙個資料夾)

2、開啟cmd(命令視窗)

3、在命令視窗輸入指令

vue create 專案名稱
4、安裝步驟:

第一步:(在這裡我選擇手動安裝)

第三步:

第四步:(使用上下鍵來操作)

第五步:

第六步:

第七步:(這樣就安裝成功了乙個專案)

第八步:(進入這個專案:cd vue_06)

第九步:專案啟動(npm run serve)

5、效果:(在瀏覽器上輸入:http://localhost:8080/)

vue腳手架的安裝

2.x版本的腳手架 3.x和4.x版本的腳手架 腳手架 已經準備好的模板,在裡面寫內容 安裝vue首先我們得安裝webpack,我們首先從2.x版本開始安裝腳手架,然後再安裝3.x版本 安裝webpack npm i webpack cli g 安裝webpack,搭建相關的環境安裝時候出現問題解除...

vue 安裝和腳手架建立專案

1.安裝nodejs,開啟安裝目錄 d program files nodejs 這是我安裝目錄,自行更改 在該目錄開啟cmd,執行如下命令檢測是否安裝成功。npm v由於國內訪問外網有問題,使用cnpm 替換 npm 有需要可以先配置下npm 全域性安裝目錄 npm config set pref...

Vue腳手架 vue cli的安裝和使用

vue cli是乙個腳手架工具,包含了諸多前端技術 這些工具,他們大部分依賴兩個東西 node環境 很多任務具的執行環境 目前,npm已經和node整合,當安裝node後會自動安裝npm 開啟終端,node v。npm v會顯示版本資訊 npm config set registry 更改好之後,檢...