vue项目根目录配置文件 ​

// .eslintrc.js
// http://eslint.org/docs/user-guide/configuring
module.exports = {
  // 此项是用来告诉eslint找当前配置文件不能往父级查找
  root: true,
  // 此项是用来指定eslint解析器的，解析器必须符合规则，
  // babel-eslint解析器是对babel解析器的包装使其与ESLint解析
  parserOptions: {
    parser: 'babel-eslint'
  },
  // 此项指定环境的全局变量，下面的配置指定为浏览器环境
  env: {
    browser: true
  },
  // https://github.com/feross/standard/blob/
  // master/RULES.md#javascript-standard-style
  // 此项是用来配置标准的js风格，就是说写代码的时候要规范的写，
  // 如果你使用vs-code我觉得应该可以避免出错
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  // required to lint *.vue files
  // 此项是用来提供插件的，插件名称省略了eslint-plugin-，
  // 下面这个配置是用来规范html的
  plugins: [
    'vue',
    'html'
  ],
  // add your custom rules here
  // 下面这些rules是用来设置从插件来的规范代码的规则，
  // 使用必须去掉前缀eslint-plugin-
  // 主要有如下的设置规则，可以设置字符串也可以设置数字，两者效果一致
  // "off" -> 0 关闭规则
  // "warn" -> 1 开启警告规则
  //"error" -> 2 开启错误规则
  // 了解了上面这些，下面这些代码相信也看的明白了
  rules: {
    'no-unused-vars': 'off',
    'indent': ['off', 2],
    'no-trailing-spaces': ['error', { 'skipBlankLines': true }],
    'spaced-comment': ['error', 'always'],
    'object-curly-spacing': ['error', 'always'],
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'vue/no-parsing-error': [
      2, {
        'x-invalid-end-tag': false
      }],
    'no-undef': 'off'
  }
}

// .gitignore 这里就是举个例子
# dependencies
/node_modules

// .postcssrc.js
module.exports = {
  plugins: {
    autoprefixer: {}
  }
}

// alias.config.js
function resolve (dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  resolve: {
    alias: {
      '@': resolve('src'),
      '_c': resolve('src/components')
    }
  }
}

// .favorites.json
[
  {} // 收藏的文件
]

// vue.config.js
const path = require('path')

const resolve = dir => {
  return path.join(__dirname, dir)
}

// 项目部署基础
// 默认情况下，我们假设你的应用将被部署在域的根目录下,
// 例如：https://www.my-app.com/
// 默认：'/'
// 如果您的应用程序部署在子路径中，则需要在这指定子路径
// 例如：https://www.foobar.com/my-app/
// 需要将它改为'/my-app/'
const BASE_URL = process.env.NODE_ENV === 'production'
  ? 'yourname_web/'
  : 'yourname_web/'

const getTimeStamp = () => {
  let ret = ''
  const date = new Date()
  ret += date.getFullYear()
  ret += '-' + (date.getMonth() + 1)
  ret += '-' + date.getDate()
  ret += '_' + date.getHours()
  ret += '-' + date.getMinutes()
  ret += '-' + date.getSeconds()
  return ret
}

module.exports = {
  outputDir: 'yourname_web',
  // outputDir: `dist/js_${getTimeStamp()}`,
  baseUrl: BASE_URL,
  configureWebpack: {
    output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.时间戳】
      filename: `js/[name].${getTimeStamp()}.js`,
      chunkFilename: `js/[name].${getTimeStamp()}.js`
    }
  },
  // tweak internal webpack configuration.
  // see https://github.com/vuejs/vue-cli/blob/dev/docs/webpack.md
  // 如果你不需要使用eslint，把lintOnSave设为false即可
  lintOnSave: true,
  chainWebpack: config => {
    // key,value自行定义，比如.set('@@', resolve('src/components'))
    config.resolve.alias
      .set('@', resolve('src')) 
      .set('_c', resolve('src/components'))
  },
  // 设为false打包时不生成.map文件
  productionSourceMap: false,
  // 这里写你调用接口的基础路径，来解决跨域，如果设置了代理，
  // 那你本地开发环境的axios的baseUrl要写为 '' ，即空字符串
  devServer: {
    sockHost: 'http://localhost:8080/',
    disableHostCheck: true
    // proxy: 'localhost:3000'
  }
}