vue安装与创建项目

1. 全局安装vuecli

npm i -g @vue/cli

2. 创建项目

vue create hellWorld
// 选择默认,不能使用大写作为项目名称

3. 引入eslint
   直接复制即可

vue add eslint
vue add eslint --config airbnb --lintOn save // 跳过提示

4. 安装路由

npm install save vue-router

5. 建制router.js

import Vue from "vue"
import Router from "vue-router"

import Login from "./views/login"

```javascript

Vue.use(Router);
import Vue from "vue"
import Router from "vue-router"

import Login from "./views/login"
export default new Router({
    mode: "history",
    base: process.env.BASE_URL,
    routes:[{
        path: "*",
        redirect: "/login",  // 在public目前下 建立的views文件夹里的组件
    },{
        path: "/login",
        component: Login
    }]
})

main.js

import router from './router'
new Vue({
  render: h => h(App),
  router, //这里必须这样写，其他 写法都报错，比如Router都不行
}).$mount('#app')

入口 app.vue

<div id="app">
    <router-view></router-view>
  </div>```