vue2.0搭建环境

1、安装 node.js 

从官网上下载 https://nodejs.org/en/ 装上

2、全局安装 webpack 

npm install webpack -g

3、全局安装 vue

npm install vue-cli -g

4、进入项目路径，创建项目 ,里面要填写一些基本信息

vue init webpack-simple 项目名xxx

5、cd 进入项目目录，安装项目依赖

npm install

6、安装路由模块

npm install vue-router --save

7、安装网络请求模块

npm install axios --save

8、启动项目

npm run dev

正常情况下浏览器会自动打开 http://localhost:8080/ 项目

9、打开项目 main.js 把路由和网络请求添加进项目，然后添加两个组件 First 和 secondcomponent

import Vue from 'vue'
import App from './App.vue'
import VueRouter from "vue-router";
import VueResource from 'vue-resource'

Vue.config.debug = true;

Vue.use(VueRouter);
Vue.use(VueResource);

const First = { template: '<div><h2>我是第 1 个子页面</h2></div>' }
import secondcomponent from './secondcomponent.vue'

const router = new VueRouter({

mode: 'history', // 不加这个是路径是 # 号模式，如 http://localhost:8080/#/home  加上这个是http://localhost:8080/api
  base: __dirname,
  routes: [
  
    {
      path: '/first',
      component: First
    },
    {
      path: '/second',
      component: secondcomponent
    }
  ]
})

const app = new Vue({
  router: router,
  render: h => h(App)
}).$mount('#app')