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

创建Vue3工程

Vue框架是由尤雨溪开发的,是受到React框架和MVVM模型的启发,在2023年,Vue2停止了维护,所以我们创建Vue3的工程

创建Vue3工程有两种方法,一是使用vue-cli,也就是Vue脚手架,二是vite,官方推荐使用vite,所以我们使用vite来创建工程

我这里插一嘴,vite也是尤雨溪开发的。好,我们回归主题

首先确保电脑上有node.js环境,如果在终端输入node是这样,代表有node.js环境:

这是会显示node.js的版本号,正在等待你输入代码,按下ctrl+d即可退出。

如果没有node.js环境,就会这样:

如果没有则进入Node.js官网选择稳定版进行下载(“Node.js官网”这几个字为链接,点击即可跳转)

然后输入npm进行测试:

若输出以上内容则代表安装成功

如果还是输出不是内部或外部命令,则代表下载失败

然后我们在自己想要的地址(例如我在文件夹里)在路径上输入"cmd"进入命令终端(注意路径),然后输入"npm create vue@latest"这个命令(复制时不要加上双引号)

然后为工程取个名字(最好就是由英文字母数字下划线组成):

我们可以看到,包的名称默认跟项目(工程)名称相同,我们不用管,直接回车:

我们可以看到它让你选功能,我们只选TypeScript这个功能:

 我们可以看到它瞬间就创建好了,但vue-cli效率很低

好,Vue3的工程创建好了,那么我们下次来分析以下Vue3工程的结构

再见!

相关文章:

  • 【Axure高保真原型】增删改饼图
  • springmvc中如何自定义入参注解并自动注入值
  • 为什么要用linux?
  • C#—【特性详解以及自定义特性和通过反射读取特性】
  • 架构师面试(十八):I/O 原理
  • 前端开发:这就是终点吗?
  • CXL协议之FM(Fabric Management)解释
  • HTML 列表
  • 3.17 配置hadoop集群-理论准备
  • MySql补充
  • 20250319在荣品的PRO-RK3566开发板的buildroot系统下使用集成的QT应用调试串口UART3
  • 大模型学习-从零开始在colab训练大模型
  • ffmpeg库视频硬解码使用流程
  • R语言基础小测验
  • 什么是 HTML 实体,常见的 HTML 实体有哪些用途?
  • Qt带参数的信号和槽,以及信号与槽的连接方式
  • AI 时代,学习 Java 应如何入手?
  • Ubuntu-server-16.04 设置多个ip和多个ipv6
  • 传统服务部署、虚拟化部署与云原生部署资源消耗对比与优化指南
  • nvm 安装某个node.js版本后不能使用或者报错,或不能使用npm的问题
  • 手游门户网站建设/市场调查报告模板及范文
  • 教育企业重庆网站建设/google关键词分析工具
  • 男人和女人做受吃母乳视频网站免费/网络推广方案例子
  • 怎么做网站演示/外包公司到底值不值得去
  • 网站建设专家公司排行/百度网页版怎么切换
  • 长沙专业网站设计/seo外包服务方案