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

程序员云帆哥

已于 2023-08-22 01:36:23 修改

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：快速上手Vue开发文章标签： vue.js 前端

于 2023-08-09 23:10:56 首次发布

5 篇文章

订阅专栏

本文介绍了如何使用create-vue创建Vue3项目，包括安装命令、前提条件（Node.js16+），以及可选插件如TypeScript、路由、状态管理等的添加。通过简单的步骤开始你的第一个Vue3项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、简介

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

npm create vue@latest

或

npm init vue@latest

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

选项	说明
✔ 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 项目！
在这里插入图片描述