使用描述
本文希望就vue3项目如何搭建，制作一期保姆级教程。希望读者能收获一站式搭建步骤。助力快速起盘前端项目。
术语理解
在安装环境之前先了解三个重要的概念，node.js, npm，vue-cli 。 描述如下
node.js是javascript的一种运行环境，是对Google V8引擎进行的封装，是一个服务器端的javascript的解释器。
npm是nodejs的包管理器（package manager）。 nodejs和npm是包含关系，nodejs中含有npm，安装好nodejs，cmd输入npm -v会发现npm的版本号，说明npm已经安装好。
从后端的角度，可以将node.js比做jdk 。因为jdk是运行java程序的环境。npm可以理解为maven仓库。
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统：是一个类似于 create-react-app 的可以用例命令行快速配置和生成一个 vue 项目。
CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）
CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上（提供 如：serve、build 和 inspect 命令）
CLI 插件：给Vue 项目提供可选功能的 npm 包 （如： Babel/TypeScript 转译、ESLint 集成、unit和 e2e测试 等）
Vue CLI 可以理解为npm中一个用于创建项目的工具包。
安装命令
//检测node.js npm版本
node -v
npm -v
//安装vue3脚手架
npm install -g @vue/cli
//卸载Vue3脚手架
npm uninstall @vue/cli -g
//安装vite脚手架
npm install vite –g
//如果上条命令出现报错，npm ERR! arg Argument starts with non-ascii dash, this is probably invalid: –g//则修改成下面
npm install vite g
以上我们就将环境配置完成。 接下来进入项目创建。
npm init vite@latest <项目名称> -- --template vue
//构建完成后进入项目，执行如下命令
npm install
npm run dev
//就可以看到成功的页面。
整体项目的结构如下。
