【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

推荐安装插件:

相关推荐
神奇的程序员1 小时前
我的软件冲进苹果商店下载榜前 50 了
前端
阳光是sunny1 小时前
别再被 worktree 绕晕了!AI 编程时代你必须掌握的 Git 隔离神器
前端·人工智能·后端
万少2 小时前
万少的博客 - 技术分享与解决方案
前端·javascript·后端
尘世中一位迷途小书童5 小时前
用 Cesium 撸了一个森林火情监控大屏,弧线、粒子、发光效果都齐了
前端·javascript
IT_陈寒5 小时前
垃圾回收器选错了,我的Java服务内存炸了
前端·人工智能·后端
月光下的丝瓜6 小时前
Flutter 国内安装指南
前端·flutter
玄星啊6 小时前
AI 编程的第 30 天,我怀念古法 Coding 了
前端·ai编程
Jolyne_6 小时前
Angular基础速通
前端·angular.js
锋行天下7 小时前
半秒开!还有谁!!!
前端·vue.js·架构
代码搬运媛8 小时前
git 下中文文件名乱码问题解决
前端