Vue3项目搭建教程（create-vue）

什么是create-vue?

create-vue是一个脚手架工具，用来快速创建v3的项目。（Vuecli用来创建v2的项目）介绍 | Vue CLI

create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应

使用create-vue创建项目

前置条件 - 已安装16.0或更高版本的Node.js

执行如下命令，这一指令将会安装并执行 create-vue

npm init vue@latest

会出现以下在vue3中的配置选项:

 下面是解释:

Project name：------> 项目名称，默认值：vue-project，可输入想要的项目名称，此处我写的是：demo。
Add TypeScript? ------> 是否加入TypeScript组件？默认值：No。
Add JSX Support? ------> 是否加入JSX支持？默认值：No。
Add Vue Router for Single Page Application development? ------> 是否为单页应用程序开发添加Vue Router路由管理组件？默认值：No。
Add Pinia for state management? ------> 是否添加Pinia组件来进行状态管理？默认值：No。
Add Vitest for Unit testing? ------> 是否添加Vitest来进行单元测试？默认值：No。
Add an End-to-End Testing Solution?------> 是否添加端到端测试？默认值No。
Add ESLint for code quality? ------> 是否添加ESLint来进行代码质量检查？默认值：No。

 根据需求创建好项目后执行下面命令让项目跑起来

cd demo  
npm install
npm run dev

 打开后运行成功显示如下效果:

zz这样就完成项目的初始搭建!