vue-cli#2.0项目结构分析

你可以通过在项目根目录创建一个 .eslintignore 文件告诉 ESLint 去忽略特定的文件和目录。eslintignore 文件是一个纯文本文件，其中的每一行都是一个 glob 模式表明哪些路径应该忽略检测。以下将忽略所有的 JavaScript 文件：
 
**/*.js
 
当 ESLint 运行时，在确定哪些文件要检测之前，它会在当前工作目录中查找一个 .eslintignore 文件。如果发现了这个文件，当遍历目录时，将会应用这些偏好设置。一次只有一个 .eslintignore 文件会被使用，所以，不是当前工作目录下的 .eslintignore 文件将不会被用到。

ESLint 支持几种格式的配置文件，如果同一个目录下有多个配置文件，ESLint 只会使用一个。优先级顺序如下：
 
JavaScript - 使用 .eslintrc.js 然后输出一个配置对象。
YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
JSON -使用 .eslintrc.json 去定义配置的结构，ESLint 的 JSON 文件允许 JavaScript 风格的注释。
Deprecated -使用 .eslintrc，可以使 JSON 也可以是 YAML。
package.json - 在 package.json 里创建一个 eslintConfig属性，在那里定义你的配置。

// node_modules中引入vue模块。
import Vue from ‘vue‘
// 当前目录的app.vue文件
import App from ‘./App‘
// 引入router.js
import router from ‘./router‘
 
// 设置为 false 以阻止 vue 在启动时生成生产提示。
Vue.config.productionTip = false
 
// eslint规范，/* eslint-disable no-new */不写就蹦了，为什么？
// 因为js中new 一个对象的时候，规范的写法是赋值给某个变量，这里设置eslint-disable，就是为了检测时跳过接下来这行代码
/* eslint-disable no-new */
new Vue({
  el: ‘#app‘,
  router,
  //根组件的模板
  template: ‘<App/>‘,
  //子组件
  components: { App }
})

export default new Router({
  routes: []
})

export default new Router({
  routes: [
    {
      path: ‘/home‘,
      name: ‘home‘
      // 它的组件是home组件
      component: home
    },
    {
      path: ‘/about‘,
      name: ‘about‘,
      // 它的组件是about
      component: about
    }
  ]
})

// 引入vue
import Vue from ‘vue‘
// 导入路由
import Router from ‘vue-router‘
// 导入模板
import home from ‘@/components/home‘
import about from ‘@/components/about‘