vuejs2-1安装vue-cli及一些配置

1 build/webpack.base.conf.js 修改 方便import

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'src': path.resolve(__dirname, '../src'), // 可以直接写'src'
      'common': path.resolve(__dirname, '../src/common'),
      'components': path.resolve(__dirname, '../src/components') // ./xx可缩写 xx
    }
  }

改端口号

 

2 目录结构

 

3 eslint配置

// http://eslint.org/docs/user-guide/configuring

module.exports = {
  root: true,
  parser: 'babel-eslint',
  parserOptions: {
    sourceType: 'module'
  },
  env: {
    browser: true,
  },
  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
  extends: 'standard',
  // required to lint *.vue files
  plugins: [
    'html'
  ],
  // add your custom rules here
  'rules': { // 规则
    // allow paren-less arrow functions--允许箭头函数前面不写空格
    'arrow-parens': 0,
    // allow async-await
    'generator-star-spacing': 0,
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, // 不允许在生产环境使用debug
    'semi': ['error', 'always'], // 结尾强制有分号
    'indent': 0,
    'space-before-function-paren': 0 // 可以xx(){} 原来 xx () {}
  }
}

 完整项目源码：https://github.com/Jesonhu/vuejs2demo01 (基于vue-cli 具体技术实现：vue-router、axios、styls )