Vue-初试水（一）

1、Vue安装
1、vue可以通过npm下载生成项目，此处所以首先安装的是nodejs，这里的关系就是npm是nodejs里面的一个小弟，所以此处依赖nodejs

  npm install vue

  npm install vue-cli  --vue脚手架

  npm install --global webpack  --打包

  新建项目

  vue init webpack a-project

  运行项目

 npm run dev

运行执行的是dev里面的配置进行构建运行，此处会在占用一个本地端口，直接访问这个url即可进入vue

之后对vue项目的任何操作，直接保存，就会在这个url下直接体现，并可进行调试，修改vue启动端口端口号：

2、vue路由配置
再讲路由之前，可以先说下vue的引包，vue引入包后，要进行应用声明

此处是在route下面创建一个Js文件

这里面就是要引入的实际页面的路径，也就是此处路由的概念是页面之前的跳转及调用：

引用路由链接在对应的主App.vue下进行，以此为例

这段就是引用刚才路由里面那段配置，当然同时要存在index.vue这个文件页面。

首页

package.json里面的serve中的对应的serve就是npm启动的那个路径 npm run serve：