vue3项目的创建（vue-create创建）

vue2的脚手架是vue-cli，vue3的脚手架是creat-vue

前提条件：node.js为16.0以上(查看node 版本 node -V）

1.创建一个vue3项目（有3种方式，vue-cli实现，vite实现，vue-create创建）

我的创建方式是vue-create创建；npm init vue@latest(第一次会安装并且执行creat-vue）

后面就可以使用（ npm init vue@3）

如果版本低会报错，如何提升node版本（使用nvm去管理node版本：http://t.csdn.cn/D9IpM）

现在就不会报错了

然后开始项目的设置

√ 项目名称：

√添加TypeScript（TypeScript 是一种开源的编程语言，它是 JavaScript 的超集。它通过为 JavaScript 添加静态类型和其他编程特性，提供了更强大的类型检查和语言工具支持，以增强 JavaScript 开发的可靠性、可维护性和可扩展性。）

√添加JSX支持（JSX 是一种允许您在 Vue 组件中编写类似 HTML 的语法的扩展。）

√为单页应用程序开发添加Vue路由器（Vue Router 是 Vue.js 官方的路由管理器，用于构建单页应用程序）

√添加Pinia（Pinia 是一个用于 Vue.js 的状态管理库相当相于vue2的vuex）

√为单元测试添加vitest（Vitest 是一个用于 Vue.js 的单元测试库，用于对 Vue 组件的单元功能进行测试）

√添加端到端测试解决方案（该解决方案通常涉及创建自动化测试脚本，模拟用户与应用程序进行交互的行为。）

√为代码质量添加ESLint（ESLint 是一个用于检测和纠正代码错误、风格和质量的工具。）

√为代码格式添加Prettier（Prettier 是一个代码格式化工具，可自动格式化您的代码以保持一致的风格。）

项目创建完成

2.创建完成之后运行项目

首先进入项目里面然后npm intsall 下载项目依赖

然后npm run dev 出现网址然后进去访问出现页面就项目运行成功了