Vue3實戰（一）：如何創建一個Vue3項目（完整步驟）

一、安裝Node環境

　　1.下載地址:https://nodejs.org/en/        安裝過程——詳細步驟

　　2.為了提高我們的效率，可以使用淘寶的鏡像：http://npm.taobao.org/

　　　　輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org        

　　　　即可安裝npm鏡像，以后再用到npm的地方直接用cnpm來代替就好了。

　　　　

 　　　　檢查是否安裝成功：輸入 cnpm -v

二、搭建Vue環境

　　小A：我想用腳手架創建一個vue3.0的項目，小B你知道幾種創建方式嗎

　　小B：創建Vue3的3種方式

　　　　+ Vite（推薦）

　　　　+ Vue-CLI腳手架

　　　　+ Webpack

Vite是Vue作者開發的一款意圖取代webpack的工具，其實現原理是利用ES6的import會發送請求去加載文件的特性,攔截這些請求, 做一些預編譯, 省去webpack冗長的打包時間

//安裝vite：
npm install -g create-vite-app

//vite創建vue3項目：
create-vite-app projectName
//或
npm init vite-app projectName

//安裝依賴運行項目
cd projectName
npm install
npm run dev

vue-cli是vue.js的腳手架，用於自動生成vue.js+webpack的項目模板

//需保證 vue cli 版本在 4.5.0 以上
npm install -g @vue/cli
vue -V

//創建項目
vue create projectName

//安裝依賴運行項目
cd projectName
npm install
npm run dev

Webpack 的核心概念是一個 模塊打包工具

git clone https://github.com/vuejs/vue-next-webpack-preview.git projectName
cd projectName
npm install
npm run dev

通過以上三種方式都可以創建一個vue3.0項目

接下來可以通過：Vue3——了解學習Vue3