当前位置: 首页 > article >正文

Vue 2.0->3.0学习笔记(Vue 3 (一)- 创建Vue3.0工程)

Vue 2.0->3.0学习笔记(Vue 3 (一)- 创建Vue3.0工程)

  • 一、创建Vue3.0工程
    • 1.使用 vue-cli 创建
    • 2.使用 vite 创建

一、创建Vue3.0工程

1.使用 vue-cli 创建

笔记
官方文档:vue-create

## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version
## 安装或者升级你的@vue/cli
npm install -g @vue/cli
## 创建
vue create vue_test
## 启动
cd vue_test
npm run serve

2.使用 vite 创建

笔记
官方文档:Vite
vite官网:vitejs.cn

  • 什么是vite?—— 新一代前端构建工具。
  • 优势如下:
  • 开发环境中,无需打包操作,可快速的冷启动。
  • 轻量快速的热重载(HMR)。
  • 真正的按需编译,不再等待整个应用编译完成。
  • 传统构建 与 vite构建对比图
    传统构建
    Vite构建
## 创建工程
npm init vite-app <project-name>
## 进入工程目录
cd <project-name>
## 安装依赖
npm install
## 运行
npm run dev
  • 本文仅作个人学习笔记使用,无商业用途。
  • 上述内容笔记大部分摘自“B站尚硅谷”
  • 如若转载,请先声明。

http://www.kler.cn/a/417003.html

相关文章:

  • Windows系统下设置Vivado默认版本:让工程文件按需打开
  • 1.1 单元测试核心原则
  • Tria Technologies RFSoC 平台 - 入门指南
  • Day82:创建图形界面(GUI)
  • NO.11十六届蓝桥杯备战|if-else语句|嵌套if|悬空else|练习4道(C++)
  • Linux系统-centos防火墙firewalld详解
  • 白鹿 Hands-on:消除冷启动——基于 Amazon Lambda SnapStart 轻松打造 Serverless Web 应用(二)
  • 《FRAPPE: fast rank approximation with explainable features for tensors》中文校对版
  • 技术分析模板
  • 【rust】前端开发中的应用与前景
  • 安卓延迟自动点击
  • pcb电路板·查错、维修心得笔记
  • 深入解析 Spring MVC:架构、组件与最佳实践
  • 联想Lenovo SR650服务器硬件监控指标解读
  • osg、osgearth源码编译(二)
  • 监控视频汇聚平台:Liveweb视频监控管理平台方案详细介绍
  • PYTHON让大模型固定的返回JSON
  • 泛化调用 :在没有接口的情况下进行RPC调用
  • Windows pc端桌面便签哪个好用?桌面简洁好用的便签软件推荐
  • `console.log`调试完全指南
  • deepin 安装 chrome 浏览器
  • 【Java基础入门篇】三、面向对象和JVM底层分析(2)
  • Artec Leo:航海设备维护的便携式3D扫描利器【沪敖3D】
  • Qt入门5——常用控件3
  • 六通道串口服务器
  • Unity XR Interaction Toolkit 开发教程:抓取交互【3.0以上版本】