Vue3入门学习,使用可视化界面创建项目

前提环境安装好,vue版本在3以上,node版本不知道有没有要求
我的版本信息为
在这里插入图片描述
在这里插入图片描述
然后在需要创建vue项目的文件夹下打开cmd(在文件夹目录上输入cmd回车打开),输入vue ui
在这里插入图片描述

会默认打开一个图形化界面创建项目。
在这里插入图片描述

输入项目名和关闭初始化git仓库
在这里插入图片描述
在这里插入图片描述

选择手动配置
在这里插入图片描述
打开router和vuex
在这里插入图片描述
关闭检验,其他保持默认
在这里插入图片描述
然后下一步
在这里插入图片描述
使用history模式,然后下一步创建项目,等待创建完成
在这里插入图片描述
在这里插入图片描述
点击任务serve,运行。
在这里插入图片描述
编译好后,启动成功。
在这里插入图片描述
在这里插入图片描述
用idea打开看看。
在这里插入图片描述

重点在src文件夹:

assets——静态资源,如图片

components——公共组件

router——路由文件
App.vue——根组件

main.js——入口文件
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
命令行启动
npm run serve

在这里插入图片描述

在这里插入图片描述

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值