如何创建vue3框架项目并运行项目

1、打开电脑上指定文件夹，鼠标右键选择Git Bash Here，打开Git命令窗口（vuex与vue的关系与区别是什么

）

vue

2、在Git命令窗口，输入安装vue cli，命令：

npm install -g @vue/cli --force

vue

3、初始化项目kmw，使用npm init命令

npm init vite-app kmw

vue

4、切换到项目根目录，使用cd kmw

vue

5、使用npm install命令安装依赖包

vue

6、接着，使用npm run dev命令运行项目

vue

7、将已经创建好的项目，导入到HBuilderX开发工具中

å¦ä½åå»ºvue3æ¡æ¶é¡¹ç®å¹¶è¿è¡é¡¹ç®

8、打开package.json文件，可以查看到vue版本为3.x

å¦ä½åå»ºvue3æ¡æ¶é¡¹ç®å¹¶è¿è¡é¡¹ç®

9、打开浏览器，在地址栏输入访问地址，查看界面效果

有兴趣的小伙伴，赶紧按照上面步骤去体验一番吧。

更多软件开源项目教程，请关注源码码网软件教程。

特别声明：
1、如无特殊说明，内容均为本站原创发布，转载请注明出处；
2、部分转载文章已注明出处，转载目的为学习和交流，如有侵犯，请联系客服删除；
3、编辑非《源码码网》的文章均由用户编辑发布，不代表本站立场，如涉及侵犯，请联系删除；

全部评论(0)

推荐阅读

Mybatis-plus中@TableField(fill = FieldFill.INSERT)注解不生效
在Spring-boot+Mybatis-plus项目开发中，在引入后@TableField(fill=FieldFill.INSERT)@TableField(fill=FieldFill.UPDATE) 这个两个注解后，可以实现数据库的创建时间和更新时间自动添加，当使用这两个注解时，需要手动配置并实现 MetaObjectHandler类。具体配置代码如下：public&n
源码教程
来源：源码码网
编辑：源码码网
时间：2025-06-23 21:54
阅读：235

Element-plus中组件状态回显绑定错误解决方案
问题描述：Element-plus中组件状态回显问题，当返回的数据类型为number时，属性值也能正常返回，但是属性与值不自动绑定，根本原因可能是vue与Element-plus的版本兼容问题。VUE版本：3.5.13Elment-plus：2.9.10前端代码：
源码教程
来源：源码码网
编辑：源码码网
时间：2025-06-22 11:37
阅读：325

Error: Invalid value type for attribute ’factoryBeanObjectType’: java.lang.String错误解决办法
Error:Invalidvaluetypeforattribute’factoryBeanObjectType’:java.lang.String错误解决办法该问题的根本原因是springboot版本与mybatis-plus版本之间的兼容问题，如何知道版本的对应关系是什么呢？版本对照表（供参考）SpringBoot版本MyBatis-Plus版本MyBatis版本JDK要求3.4.x3.5.3
源码教程
来源：源码码网
编辑：源码码网
时间：2025-06-20 13:33
阅读：205

VUE父级路由没有内容的解决方案
VUE开发中对于父级路由（如 /settings）没有内容”的问题，这是VueRouter中嵌套路由的常见情况。以下是几种专业解决方案：方案一：为父路由添加默认组件（推荐）{ path: ”/settings”, component: LayoutView, // 关键点：添加一个默认
源码教程
来源：源码码网
编辑：源码码网
时间：2025-06-17 12:42
阅读：249

推荐一个开源免费商用的icon图标库
1. RemixIcon的授权协议许可证类型：RemixIcon使用 ApacheLicense2.0。允许商业用途：可以免费用于商业项目（包括SaaS、电商系统、企业内部系统等）。无需署名：不像某些图标库（如FontAwesome免费版要求注明归属），RemixIcon 不强制要求在项目中声明来源。允许修改：可以随意修改图标样式或颜色以适应项目需求。2. 在商业系统中的使用
源码教程
来源：源码码网
编辑：源码码网
时间：2025-06-13 12:40
阅读：418