Vue3_02 创建Vue3.0工程

1.使用 vue-cli 创建

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

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

## 创建
vue create vue_test

## 启动
cd vue-test
npm run serve

2.使用 vite 创建

  • 什么是vite?------新一代前端构建工具(之前是grunt、gulp,现在是webpack,vite是下一代)
  • 优势如下:
    • 开发环境中,无需打包,可快速的冷启动
    • 轻量快速的热重载(HMR)
    • 真正的按需编译,不在等待整个应用编译完成

创建命令

复制代码
## 创建工程
npm init vite-app <project-name>
## 进入工程目录
cd <project-name>
安装依赖##
npm install
## 运行
npm run dev
相关推荐
默_笙4 分钟前
🚊 别再让 AI 的记忆写两遍了:PostgreSQL 把关系查询和语义检索装进一张表
前端·javascript
进击的明明5 分钟前
TypeScript速通笔记(下)
前端·面试·typescript
lzhdim8 分钟前
C#不为人知的10个魔法特性:资深开发者也会震惊的底层奥秘
java·前端·javascript·算法·c#
计算机毕设定制辅导-无忧学长31 分钟前
《基于Spring Boot的减脂轻食购物网站》
java·vue.js·spring boot·后端·减脂轻食购物网站
zach1 小时前
前端落地实战:Next.js 项目 Nginx + PM2 生产部署全流程(附踩坑总结)
前端·pm2·next.js
overmind1 小时前
oeasy教h5前端001 修改的乐趣_直接修改在线网页
前端
只睡四小时1 小时前
JS 手写 D-pad 空间导航:电视端焦点引擎实战
android·开发语言·前端·javascript·ecmascript·hls·空间导航
恋猫de小郭1 小时前
Android 原生的 Compose A2UI 也来了,你还抱着 XML 养老吗?
android·前端·flutter
庄园特聘拆椅狂魔1 小时前
从连连看到粒子消散——前端小游戏与视觉特效的技术选型
前端