快速上手Vue开发：新一代Vue官方脚手架（create-vue）

一、简介

  create-vue 是 Vue3 的专用脚手架，使用 vite 创建 Vue3 的项目，也可以选择安装需要的各种插件，使用更简单。

二、创建一个 Vue 应用

官网地址：https://cn.vuejs.org/guide/quick-start.html

1、前提条件

• 熟悉命令行
• 已安装 16.0 或更高版本的 Node.js

2、安装命令

npm init vue@latest

  这一指令将会安装并执行 create-vue，它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示，如下。

3、可选插件

选项	说明
✔ Project name: …	项目名称
✔ Add TypeScript? … No / Yes	TypeScript的支持
✔ Add JSX Support? … No / Yes	JSX的支持
✔ Add Vue Router for Single Page Application development? … No / Yes	支持路由
✔ Add Pinia for state management? … No / Yes	状态管理
✔ Add Vitest for Unit testing? … No / Yes	Vitest测试框架
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes	Cypress E2E测试工具
✔ Add ESLint for code quality? … No / Yes	ESLint代码格式化规范检查
✔ Add Prettier for code formatting? … No / Yes	Prettier代码格式化

  如果不确定是否要开启某个功能，你可以直接按下回车键选择 No。在项目被创建后，通过以下步骤安装依赖并启动开发服务器.

> cd <your-project-name>
> npm install
> npm run dev

你现在应该已经运行起来了你的第一个 Vue 项目！