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