P6-Day2

(1)选择好路径,输入cmd打开小黑框

(2)输入指令vue create 项目名

(3)选择版本: Default ([Vue 2] babel, eslint), 创建成功

在vue项目终端中下载以下插件

(1)pip install -s axios

(2)pip install -s element-ui

(3)pip install -s vue-router@3 // 指定3版本的

(1)在项目src文件夹下创建router文件夹

(2)在router文件夹下创建index.js文件并做以下配置

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../components/Home.vue'
Vue.use(VueRouter)


const router = new VueRouter({
    routes: [
        {
            path: '/home',
            component : Home
        },
    ]
})

export default router

 (3)将router加入到main.js文件中

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

Vue.config.productionTip = false

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

(4)在APP.vue中加入完成配置

(5)npm run serve 以运行项目