前后端分离VUE3.0创建项目步骤

老师使用vue3.0创建项目报错了,就选择的2.0的项目。使用的vue版本还是5.0的。
找到vue项目目录,打开cmd,输入vue ui。(注意:不能关闭命令行)-> 输入命令为“vue-ui”-> 选择“手动配置”(如下图)选择手动配置->打开“通天塔”、路由器、vuex 、关闭“格式化程序”(如下图)。谷歌翻译的->->点击“下一步”->在 右上角选择“2.0” ->点击“创建项目”->选择“不保存预设”。->项目创建成功后,点击“插件”,安装插件Element UI。->用 IDEA打开这个VUE项目。->先修改App.vue ->再修改 HelloWorld.vue ->运行项目:npm run serve ->停止项目:ctrl+c ->在Terminal 中安装ajax的插件:vue add axios ->项目创建完成!

添加vue页面:
1、第一步:创建新页面。(在views文件夹下创建TestView.vue ->
2、第二步:定义组件。(在component文件夹下创建Test.vue组件) ->
3、第三步:导入TestView组件。(在router>index.js中) ->第四步:配置 TestView 路由(router>index.js中)。->
4、第四步:配置完成后还需要在 App.vue 中增加链接到 Test.vue 的路由。->
5、第五步:挂载到App.vue中script中。(在script中需要修改两个地方)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值