Vue3 x簡介 環境搭建 專案建立執行

一、環境搭建 、建立執行專案

通過vue腳手架工具可以讓我們快捷的搭建vue專案，目前vue官方給我們提供了2個腳手架，vue-cli和vite

1、通過vue-cli建立我們的專案(推薦)

1.1 安裝vue-cli,同一臺電腦只需要安裝一次

//

yarn global add @vue/cli
//npm install -g @vue/cli
//cnpm install -g @vue/cli

如果電腦上沒有安裝cnpm可以通過以下命令安裝

//

npm install -g cnpm --registry=

如果電腦上沒有安裝yarn可以通過以下命令安裝

//

npm i -g yarn

1.2 通過vue-cli建立專案

//

vue create 
//cd 
//yarn serve/npm run serve (是serve還是dev具體看 package.json 中的script指令碼設定)

2、通過vite腳手架建立我們的專案(缺點：不穩定、優點：執行速度快、輕量)

2.1 使用npm建立

//

//cd 
//npm install
//npm run dev/serve

2.2 使用yarn建立

//

//cd 
//yarn
//yarn dev/serve

nrm的安裝使用

vue環境搭建，vue專案建立

vue這個新的工具，確實能夠提高效率，在經歷的一段時間的摧殘之後，終於能夠有乙個系統的認識了，下面就今天的收穫做乙個總結，也是vue入門的精髓 1.要使用vue來開發前端框架，首先要有環境，這個環境要借助於node，所以要先安裝node，借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...

vue3 x案例 購物車

購物車h1 caption th 編號th 商品名稱th 商品 th 購買數量th 操作th tr v for item in cartlist key item.id type checkbox v model item.checkbox td td td td click item.count ...

vue 環境搭建及專案建立

vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm，代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...