初始化vue3工程的两种脚手架：Vue CLI 、create-vue

安装nodejs不在文章的讨论范围。

前言

Vue3的脚手架

• Vue Cli：Vue2时代的传统脚手架，当然也可以创建Vue3项目，通过vue create命令生成项目。
• create-vue：Vue3官方推荐的脚手架。运行npm create vue@latest命令生成项目

Vue的构建工具

• Webpack：传统的构建工具，生态庞大，配置相对复杂。
• Vite：Vue3官方推荐的现代构建工具，基于原生ES模块，启动极快。

脚手架和构建工具通常是绑定关系。脚手架在生成项目时，就已经把对应的构建工具配置好了。

• 当你使用老版的Vue CLI脚手架时，它生成的项目底层绑定的构建工具则是Webpack。
• 当你使用 create-vue脚手架时，它生成的项目底层默认绑定的构建工具就是Vite。

Vue CLI

1. 安装

// 全局安装
npm install -g @vue/cli
// 安装成功
vue --version

2. 创建项目

vue create project_name

3. 选择配置

4. 项目结构

5. 运行成功

create-vue

1. 安装

// 全局安装
npm install -g create-vue@latest
// 安装成功
npm list -g create-vue

2. 创建项目

npm create vue@latest
// 或者
npm init vue@latest

3. 选择配置

4. 项目结构

5. 运行成功