文章目录
- 一、简介
- 二、创建一个 Vue 应用
- 1、前提条件
- 2、安装命令
- 3、可选插件
一、简介
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 项目!