快速上手Vue开发:新一代Vue官方脚手架(create

您所在的位置:网站首页 vue开发必须要联网吗 快速上手Vue开发:新一代Vue官方脚手架(create

快速上手Vue开发:新一代Vue官方脚手架(create

2024-05-17 01:19| 来源: 网络整理| 查看: 265

一、简介

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

二、创建一个 Vue 应用

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

1、前提条件熟悉命令行已安装 16.0 或更高版本的 Node.js2、安装命令代码语言:javascript复制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。在项目被创建后,通过以下步骤安装依赖并启动开发服务器.

代码语言:javascript复制> cd > npm install > npm run dev

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

在这里插入图片描述在这里插入图片描述


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3