1.必须安装node.js

2.搭建vue的开发环境，安装vue的脚手架工具 命令行 （脚手架配置一次就好）

     npm install -g @vue/cli

3.创建项目 必粗cd到相应的一个项目里面

      这个是vue3.以后的创建方法：

     vue create my-project 

      # OR

      vue ui  运行用： npm run serve

     以前的版本创建方式为：

方式1：

vue init webpack vue-demo01 （适合大型的项目创建的文件较多）

方式2：

vue init webpack-simple vue-demo02 （创建项目问价结构比较简洁，没有语法检查）

4. 路由

路由的配置

1> 安装  cd 到项目目录下

npm install vue-router --save

2> 引入  在main.js中配置

    import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

3>配置路由

1创建、引入组件

2定义路由  （名字不要改按文档上的来）

const routes  = [  

  { path: '/home', component: Home},   { path: '/news', component: News},

  {path: '*', redirect: '/home'}//默认跳转路由

]

3实例化VueRouter

const router = new VueRouter({ routes

})

5挂载

new Vue({  

   el: '#app',  

   router,  

   render: h => h(App)

})

5动态加载的路由的预留

<router-view></router-view>