【Vue3】创建项目的方式

1. 基于 vue-cli 创建

复制代码
## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version

## 安装或者升级你的@vue/cli 
npm install -g @vue/cli

## 执行创建命令
vue create vue_test

本质上使用webpack,默认安装以下依赖:

2. 基于 vite 创建

官方使用的方式。

复制代码
## 1.创建命令
npm create vue@latest

## 2.具体配置
## 配置项目名称
√ Project name: vue3_test
## 是否添加TypeScript支持
√ Add TypeScript?  Yes
## 是否添加JSX支持
√ Add JSX Support?  No
## 是否添加路由环境
√ Add Vue Router for Single Page Application development?  No
## 是否添加pinia环境
√ Add Pinia for state management?  No
## 是否添加单元测试
√ Add Vitest for Unit Testing?  No
## 是否添加端到端测试方案
√ Add an End-to-End Testing Solution? >> No
## 是否添加ESLint语法检查
√ Add ESLint for code quality?  Yes
## 是否添加Prettiert代码格式化
√ Add Prettier for code formatting?  No

手动控制安装的依赖,比如:

webpack 和 vite 的区别:


3. 通过 vite 创建(基于 rollup)

当然,也可以通过其他方式创建。

复制代码
npm create vite@latest

推荐安装插件:

相关推荐
XIE3924 分钟前
TipKit:开源富文本编辑器套件,一套逻辑,任意风格!
前端·笔记·开源
范什么特西18 分钟前
一些常用名词
开发语言·前端·javascript
晴天1620 分钟前
前端打包工具全景解析
前端
晴天1621 分钟前
Vite vs Webpack 全方位对比
前端·webpack·node.js
体毛旺盛的猿24 分钟前
HarmonyOS开发面试题
前端·华为·harmonyos
anOnion38 分钟前
构建无障碍组件之Landmarks Pattern
前端·html·交互设计
牧瀬クリスだ39 分钟前
前端三件套基础之JS!!!!
前端·javascript
风骏时光牛马42 分钟前
提示词工程:大模型交互的核心塑造技术
前端
单线程_011 小时前
从案例分析 Vue3 Tokenizer+Parser 源码四
前端·javascript·vue.js
1 小时前
Python 图片处理:裁剪缩放至300×200,格式JPG/PNG/GIF,控制大小≤100KB
linux·前端·python