环境安装完成后vue项目的运行

运行已有项目

cmd找到已经创建好的项目D:\VUE\AllVUEcil\my-project,然后输入运行指令npm run dev
最后显示 I Your application is running here: http://localhost:8080,就说明运行完成进去这个网址就能看到vue页面。

创建属于自己的vue页面

在src文件夹下创建一个文件夹为demo,在demo文件夹下创建pages文件夹,在pages文件夹下创建demo.vue文件 自己的vue页面就完成了

运行自己的vue页面

在src文件夹下有一个router文件夹 router文件夹下有一个index.js。
index.js就是配置访问自己vue页面路劲的一个文件。
打开index.js 首先导入及自己的vue页面,我的叫demo.vue.
再开头输入import demo from ‘@/demo/pages/demo.vue’
这个@就是src。 然后再router里面写
{
path: ‘/pages’,
name: ‘page’,
component: demo
}
path就是你访问的路劲http://localhost:8080/#/pages
name是别名
component是找到你写的vue页面 demo(import demo from ‘@/demo/pages/demo.vue’)里面的这个demo 。相当于demo是个变量 把路劲付给了demo

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值