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加Flutter实现自定义标题栏(appBar)
前端·flutter
布列瑟农的星空8 分钟前
SSE与流式传输(Streamable HTTP)
前端·后端
GISer_Jing19 分钟前
跨境营销前端AI应用业务领域
前端·人工智能·aigc
oak隔壁找我26 分钟前
Node.js的package.json
前端·javascript
talenteddriver30 分钟前
web: http请求(自用总结)
前端·网络协议·http
全栈派森33 分钟前
Flutter 实战:基于 GetX + Obx 的企业级架构设计指南
前端·flutter
Awu122742 分钟前
Vue3自定义渲染器:原理剖析与实践指南
前端·vue.js·three.js
支撑前端荣耀1 小时前
从零实现前端监控告警系统:SMTP + Node.js + 个人邮箱 完整免费方案
前端·javascript·面试
进击的野人1 小时前
Vue.js 插槽机制深度解析:从基础使用到高级应用
前端·vue.js·前端框架
重铸码农荣光1 小时前
🎯 从零搭建一个 React Todo 应用:父子通信、状态管理与本地持久化全解析!
前端·react.js·架构