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

创建vue2/vue3项目

目录

  • 创建一个Vue2项目
  • 创建一个Vue3项目

创建一个Vue2项目

## 安装Vue-Cli : npm install -g @vue/cli
// Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)vue --version // 检测版本是否正确## 创建一个项目: vue create hello-world // hello-world 指的是项目名

Vue CLI官网: https://cli.vuejs.org/zh/guide/creating-a-project.html

创建一个Vue3项目

【基于Vue-cli创建】

## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version## 安装或者升级你的@vue/cli 
npm install -g @vue/cli## 执行创建命令
vue create vue_test##  随后选择3.x
##  Choose a version of Vue.js that you want to start the project with (Use arrow keys)
##  > 3.x
##    2.x## 启动
cd vue_test
npm run serve

【基于vite创建】 // 推荐

## 安装vite
npm create vite@latest## 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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 计算机网络八股文(三)
  • 使用vscode搜索打开的文件夹下的文件
  • 闲鱼、抖音、快手纷纷入局,“谷子”经济千亿市场纷争再起
  • java之回合制游戏以及如何优化
  • 【python】OpenCV—Shape Detection
  • 编写自动化测试(11)
  • 测试开发面试题---JVM
  • 基于ansible进行运维自动化的研究以及相关的属性
  • 【区块链+绿色低碳】双碳数字化管控平台 | FISCO BCOS应用案例
  • NET 语言识别,语音控制操作、语音播报
  • leetcode位运算(1684. 统计一致字符串的数目)
  • Google Chrome 浏览器在链接上点右键的快捷键
  • “微软蓝屏”事件暴露了网络安全哪些问题?
  • Photoshop(PS) 抠图简单教程
  • 17_高级进程间通信 UNIX域套接字1
  • Angularjs之国际化
  • Druid 在有赞的实践
  • ECMAScript 6 学习之路 ( 四 ) String 字符串扩展
  • LeetCode算法系列_0891_子序列宽度之和
  • Otto开发初探——微服务依赖管理新利器
  • React Transition Group -- Transition 组件
  • Ruby 2.x 源代码分析:扩展 概述
  • SQL 难点解决:记录的引用
  • WinRAR存在严重的安全漏洞影响5亿用户
  • XForms - 更强大的Form
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 测试如何在敏捷团队中工作?
  • 浅谈web中前端模板引擎的使用
  • 跳前端坑前,先看看这个!!
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • 应用生命周期终极 DevOps 工具包
  • mysql 慢查询分析工具:pt-query-digest 在mac 上的安装使用 ...
  • RDS-Mysql 物理备份恢复到本地数据库上
  • ​Benvista PhotoZoom Pro 9.0.4新功能介绍
  • ​configparser --- 配置文件解析器​
  • ​LeetCode解法汇总307. 区域和检索 - 数组可修改
  • ​VRRP 虚拟路由冗余协议(华为)
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • # 利刃出鞘_Tomcat 核心原理解析(七)
  • #【QT 5 调试软件后,发布相关:软件生成exe文件 + 文件打包】
  • #nginx配置案例
  • #VERDI# 关于如何查看FSM状态机的方法
  • #图像处理
  • (06)Hive——正则表达式
  • (2024最新)CentOS 7上在线安装MySQL 5.7|喂饭级教程
  • (Matlab)基于蝙蝠算法实现电力系统经济调度
  • (动态规划)5. 最长回文子串 java解决
  • (二)丶RabbitMQ的六大核心
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (五)Python 垃圾回收机制
  • (五)网络优化与超参数选择--九五小庞
  • (一)SpringBoot3---尚硅谷总结
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在