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