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
相关推荐
南风知我意9577 分钟前
JavaScript 惰性函数深度解析:从原理到实践的极致性能优化
开发语言·javascript·性能优化
Можно9 分钟前
pages.json 和 manifest.json 有什么作用?uni-app 核心配置文件详解
前端·小程序·uni-app
hzhsec12 分钟前
钓鱼邮件分析与排查
服务器·前端·安全·web安全·钓鱼邮件
爱看老照片27 分钟前
uniapp传递数值(数字)时需要使用v-bind的形式(加上冒号)
javascript·vue.js·uni-app
#做一个清醒的人29 分钟前
Electron 保活方案:用子进程彻底解决原生插件崩溃问题
前端·electron·node.js
四千岁31 分钟前
Obsidian + jsDelivr + PicGo = 免费无限图床:一键上传,全平台粘贴即发
前端·程序员·github
慧一居士32 分钟前
CSS中 ::deep 作用,使用场景,使用方法介绍
前端·css·vue.js
周聪灬34 分钟前
iOS runtime(2)-class结构和消息转发机制
前端
周聪灬37 分钟前
浅谈对Objective-C的对象本质的理解
前端