diff --git a/.eslintrc.js b/.eslintrc.js index b324dbc..a763511 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,87 +1,166 @@ +// https://eslint.org/docs/user-guide/configuring + module.exports = { root: true, - env: { - browser: true, - es6: true + parserOptions: { + parser: 'babel-eslint' }, - globals: { - process: true, - require: true + env: { + browser: true, + jquery: true }, extends: [ - // 'plugin:vue/strongly-recommended', - // 'eslint:recommended' + // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention + // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules. + 'plugin:vue/essential' ], - parserOptions: { - ecmaVersion: 2015, - parser: 'babel-eslint', - sourceType: 'module' - }, - rules: { - // 代码风格 - 'block-spacing': [2, 'always'], - 'brace-style': [2, '1tbs', { - 'allowSingleLine': true - }], - 'comma-spacing': [2, { - 'before': false, - 'after': true - }], - 'comma-dangle': [2, 'never'], - 'comma-style': [2, 'last'], - 'computed-property-spacing': [2, 'never'], - 'indent': [2, 4, { - 'SwitchCase': 1 - }], - 'key-spacing': [2, { - 'beforeColon': false, - 'afterColon': true - }], - 'keyword-spacing': [2, { - 'before': true, - 'after': true - }], - 'linebreak-style': 0, - 'multiline-ternary': [2, 'always-multiline'], - 'no-multiple-empty-lines': [2, { - 'max': 1 - }], - 'no-unneeded-ternary': [2, { - 'defaultAssignment': false - }], - 'quotes': [2, 'single'], - 'semi': [2, 'never'], - 'space-before-blocks': [2, 'always'], - 'space-before-function-paren': [2, 'never'], - 'space-in-parens': [2, 'never'], - 'space-infix-ops': 2, - 'space-unary-ops': [2, { - 'words': true, - 'nonwords': false - }], - 'spaced-comment': [2, 'always', { - 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] - }], - 'switch-colon-spacing': [2, { - 'after': true, - 'before': false - }], - // ES6 - 'arrow-parens': [2, 'as-needed'], - 'arrow-spacing': [2, { - 'before': true, - 'after': true - }], - // Vue - https://github.com/vuejs/eslint-plugin-vue - 'vue/html-indent': [2, 4], - 'vue/max-attributes-per-line': 0, - 'vue/require-default-prop': 0, - 'vue/singleline-html-element-content-newline': 0, - 'vue/attributes-order': 2, - 'vue/order-in-components': 2, - 'vue/this-in-template': 2, - 'vue/script-indent': [2, 4, { - 'switchCase': 1 - }] + // required to lint *.vue files + plugins: [ + 'vue' + ], + // add your custom rules here + 'rules': { + 'comma-dangle': ['error', 'never'], // 是否允许对象中出现结尾逗号 + 'no-cond-assign': 2, // 条件语句的条件中不允许出现赋值运算符 + 'no-console': 0, //不允许出现console语句 + 'no-constant-condition': 2, // 条件语句的条件中不允许出现恒定不变的量 + 'no-control-regex': 2, // 正则表达式中不允许出现控制字符 + 'no-debugger': 1, // 不允许出现debugger语句 + 'no-dupe-args': 2, // 函数定义的时候不允许出现重复的参数 + 'no-dupe-keys': 2, // 对象中不允许出现重复的键 + 'no-duplicate-case': 2, // switch语句中不允许出现重复的case标签 + 'no-empty': 1, // 不允许出现空的代码块 + 'no-empty-character-class': 2, // 正则表达式中不允许出现空的字符组 + 'no-ex-assign': 0, // 在try catch语句中不允许重新分配异常变量 + 'no-extra-boolean-cast': 2, // 不允许出现不必要的布尔值转换 + 'no-extra-parens': 1, // 不允许出现不必要的圆括号 + 'no-extra-semi': 2, // 不允许出现不必要的分号 + 'no-func-assign': 1, // 不允许重新分配函数声明 + 'no-inner-declarations': ['error', 'functions'], // 不允许在嵌套代码块里声明函数 + 'no-invalid-regexp': 2, // 不允许在RegExp构造函数里出现无效的正则表达式 + 'no-irregular-whitespace': 2, // 不允许出现不规则的空格 + 'no-negated-in-lhs': 2, // 不允许在in表达式语句中对最左边的运算数使用取反操作 + 'no-obj-calls': 2, // 不允许把全局对象属性当做函数来调用 + 'no-regex-spaces': 2, // 正则表达式中不允许出现多个连续空格 + 'quote-props': 2, // 对象中的属性名是否需要用引号引起来 + 'no-sparse-arrays': 2, // 数组中不允许出现空位置 + 'no-unreachable': 2, // 在return,throw,continue,break语句后不允许出现不可能到达的语句 + 'use-isnan': 2, // 要求检查NaN的时候使用isNaN() + 'valid-jsdoc': ['error', { + 'requireReturn': false, + 'requireParamDescription': false, + 'requireReturnDescription': true + }], // 强制JSDoc注释 + 'valid-typeof': ['error', { 'requireStringLiterals': true }], // 在使用typeof表达式比较的时候强制使用有效的字符串 + 'block-scoped-var': 2, // 将变量声明放在合适的代码块里 + 'complexity': 0, // 限制条件语句的复杂度 + 'consistent-return': 1, // 无论有没有返回值都强制要求return语句返回一个值 + 'curly': ['error', 'all'], // 强制使用花括号的风格 + 'default-case': 0, // 在switch语句中需要有default语句 + 'no-alert': 1, // 不允许使用alert,confirm,prompt语句 + 'no-caller': 2, // 不允许使用arguments.callee和arguments.caller属性 + 'guard-for-in': 0, // 监视for in循环,防止出现不可预料的情况 + 'no-div-regex': 2, // 不能使用看起来像除法的正则表达式 + 'no-else-return': 0, // 如果if语句有return,else里的return不用放在else里 + 'no-labels': ['error', { + 'allowLoop': false, + 'allowSwitch': false + }], // 不允许标签语句 + 'no-eq-null': 1, // 不允许对null用==或者!= + 'no-eval': 1, // 不允许使用eval() + 'no-extend-native': 2, // 不允许扩展原生对象 + 'no-extra-bind': 2, // 不允许不必要的函数绑定 + 'no-fallthrough': 2, // 不允许switch按顺序全部执行所有case + 'no-floating-decimal': 2, // 不允许浮点数缺失数字 + 'no-implied-eval': 2, // 不允许使用隐式eval() + 'no-iterator': 2, // 不允许使用__iterator__属性 + 'no-lone-blocks': 2, // 不允许不必要的嵌套代码块 + 'no-loop-func': 2, // 不允许在循环语句中进行函数声明 + 'no-multi-spaces': 1, // 不允许出现多余的空格 + 'no-multi-str': 2, // 不允许用\来让字符串换行 + 'no-global-assign': 2, // 不允许重新分配原生对象 + 'no-new': 2, // 不允许new一个实例后不赋值或者不比较 + 'no-new-func': 2, // 不允许使用new Function + 'no-new-wrappers': 2, // 不允许使用new String,Number和Boolean对象 + 'no-octal': 2, // 不允许使用八进制字面值 + 'no-octal-escape': 2, // 不允许使用八进制转义序列 + 'no-param-reassign': 0, // 不允许重新分配函数参数'no-proto': 2, //不允许使用__proto__属性 + 'no-redeclare': 2, // 不允许变量重复声明 + 'no-return-assign': 2, // 不允许在return语句中使用分配语句 + 'no-script-url': 1, // 不允许使用javascript:void(0) + 'no-self-compare': 2, // 不允许自己和自己比较 + 'no-sequences': 2, // 不允许使用逗号表达式 + 'no-throw-literal': 2, // 不允许抛出字面量错误 throw 'error' + 'no-unused-expressions': 2, // 不允许无用的表达式 + 'no-void': 2, // 不允许void操作符 + 'no-warning-comments': [1, { 'terms': ['todo', 'fixme', 'any other term'] }], // 不允许警告备注 + 'no-with': 2, // 不允许使用with语句 + 'radix': 1, // 使用parseInt时强制使用基数来指定是十进制还是其他进制 + 'vars-on-top': 0, // var必须放在作用域顶部 + 'wrap-iife': [2, 'any'], // 立即执行表达式的括号风格 + 'yoda': [2, 'never', { 'exceptRange': true }], // 不允许在if条件中使用yoda条件 + 'strict': [2, 'function'], // 使用严格模式 + 'no-catch-shadow': 2, // 不允许try catch语句接受的err变量与外部变量重名'no-delete-var': 2, // 不允许使用delete操作符 + 'no-label-var': 2, // 不允许标签和变量同名 + 'no-shadow': 2, // 外部作用域中的变量不能与它所包含的作用域中的变量或参数同名 + 'no-shadow-restricted-names': 2, // js关键字和保留字不能作为函数名或者变量名 + 'no-undef': 2, // 不允许未声明的变量 + 'no-undef-init': 2, // 不允许初始化变量时给变量赋值undefined + 'no-undefined': 1, // 不允许把undefined当做标识符使用 + 'no-unused-vars': 'off', // 不允许有声明后未使用的变量或者参数 + 'no-use-before-define': [2, 'nofunc'], // 不允许在未定义之前就使用变量'indent': 2, // 强制一致的缩进风格 + 'brace-style': [2, '1tbs', { 'allowSingleLine': false }], // 大括号风格 + 'camelcase': [2, { 'properties': 'never' }], // 强制驼峰命名规则 + 'comma-style': [2, 'last'], // 逗号风格 + 'consistent-this': [0, 'self'], // 当获取当前环境的this是用一样的风格 + 'eol-last': 2, // 文件以换行符结束 + 'func-names': 0, // 函数表达式必须有名字 + 'func-style': 0, // 函数风格,规定只能使用函数声明或者函数表达式 + 'key-spacing': [2, { 'beforeColon': false, 'afterColon': true }], // 对象字面量中冒号的前后空格 + 'max-nested-callbacks': 0, // 回调嵌套深度 + 'new-cap': [2, { 'newIsCap': true, 'capIsNew': false }], // 构造函数名字首字母要大写 + 'new-parens': 2, // new时构造函数必须有小括号 + 'newline-after-var': 0, // 变量声明后必须空一行 + 'no-array-constructor': 2, // 不允许使用数组构造器 + 'no-inline-comments': 0, // 不允许行内注释 + 'no-lonely-if': 0, // 不允许else语句内只有if语句 + 'no-mixed-spaces-and-tabs': [2, 'smart-tabs'], // 不允许混用tab和空格 + 'no-multiple-empty-lines': [2, { 'max': 2 }], // 空行最多不能超过两行 + 'no-nested-ternary': 2, // 不允许使用嵌套的三目运算符 + 'no-new-object': 2, // 禁止使用new Object() + // 'fun-call-spacing': 2, // 函数调用时,函数名与()之间不能有空格 + 'no-ternary': 0, // 不允许使用三目运算符 + 'no-trailing-spaces': 2, // 一行最后不允许有空格 + 'no-underscore-dangle': 2, // 不允许标识符以下划线开头 + 'no-extra-parens': 0, // 不允许出现多余的括号 + 'no-async-promise-executor': 0, // 禁止使用异步函数作为 Promise executor + 'no-misleading-character-class': 0, // 不允许在字符类语法中出现由多个代码点组成的字符 + 'no-useless-catch': 0, // 禁止不必要的 catch 子句 + 'one-var': 0, // 强制变量声明放在一起 + 'operator-assignment': 0, // 赋值运算符的风格 + 'padded-blocks': [2, 'never'], // 块内行首行尾是否空行 + 'quote-props': 0, // 对象字面量中属性名加引号 + 'quotes': [1, 'single', { 'avoidEscape': false }], // 引号风格 + 'semi': [0, 'always'], // 强制语句分号结尾 + 'semi-spacing': [2, { 'before': false, 'after': true }], // 分后前后空格 + 'sort-vars': 0, // 变量声明时排序 + 'space-before-blocks': [2, 'always'], // 块前的空格 + 'space-before-function-paren': [0, { 'anonymous': 'always', 'named': 'never' }], // 函数定义时括号前的空格 + 'space-infix-ops': [2, { 'int32Hint': true }], // 操作符周围的空格 + 'keyword-spacing': 2, // 关键字前后的空格 + 'space-unary-ops': [2, { 'words': true, 'nonwords': false }], // 一元运算符前后不要加空格 + 'wrap-regex': 2, // 正则表达式字面量用括号括起来 + 'no-var': 0, // 使用let和const代替var + 'generator-star-spacing': [2, 'both'], // 生成器函数前后空格 + 'max-depth': 0, // 嵌套块深度 + 'max-len': 0, // 一行最大长度,单位为字符 + 'max-params': 0, // 函数最多能有多少个参数 + 'max-statements': 0, // 函数内最多有几个声明 + 'no-bitwise': 0, // 不允许使用位运算符 + 'no-plusplus': 0, // 不允许使用++ --运算符 + 'indent': ['off', 2], // 关闭缩进校验 + 'prefer-const': 0, // 要求使用 const 声明那些声明后不再被修改的变量 + 'object-curly-spacing': [2, 'always'] // 强制在大括号中使用一致的空格 } -}; + }; + \ No newline at end of file diff --git a/doc/eslint-init.readme b/doc/eslint-init.readme new file mode 100644 index 0000000..db7d8f3 --- /dev/null +++ b/doc/eslint-init.readme @@ -0,0 +1,8 @@ +根据经验,为避免ESLint出现依赖异常,最好先加-g全局安装一遍以下组件,再不带-g安装一遍 +npm install eslint +npm install eslint-plugin-vue +npm install eslint-config-standard +npm install eslint-plugin-import +npm install eslint-plugin-node +npm install eslint-plugin-promise +npm install eslint-plugin-standard diff --git a/package.json b/package.json index 8394fcf..896be30 100644 --- a/package.json +++ b/package.json @@ -1,55 +1,56 @@ { - "name": "tduck-front", - "version": "0.1.0", - "private": true, - "scripts": { - "serve": "vue-cli-service serve", - "build-dev": "vue-cli-service build --mode development --dest dist-dev", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint", - "svgo": "svgo -f src/assets/icons" - }, - "dependencies": { - "axios": "^0.19.0", - "core-js": "^3.4.1", - "dayjs": "^1.8.17", - "element-ui": "^2.13.0", - "js-md5": "^0.7.3", - "lodash": "^4.17.15", - "nprogress": "^0.2.0", - "vue": "^2.6.0", - "vue-cookies": "^1.5.7", - "vue-meta": "^2.3.1", - "vue-router": "^3.1.3", - "vuex": "^3.1.2" - }, - "devDependencies": { - "@vue/cli-plugin-babel": "^4.0.0", - "@vue/cli-plugin-eslint": "^4.0.0", - "@vue/cli-service": "^4.0.0", - "babel-eslint": "^10.0.3", - "eslint": "^6.6.0", - "eslint-plugin-vue": "^6.0.1", - "node-sass": "^4.10.0", - "sass-loader": "^8.0.0", - "sass-resources-loader": "^2.0.1", - "stylelint": "^12.0.0", - "stylelint-config-recommended-scss": "^4.0.0", - "stylelint-config-standard": "^19.0.0", - "stylelint-scss": "^3.4.1", - "svg-sprite-loader": "^4.1.6", - "svgo": "^1.3.0", - "vue-template-compiler": "^2.6.0", - "webpack-spritesmith": "^1.0.2" - }, - "postcss": { - "plugins": { - "autoprefixer": {} - } - }, - "browserslist": [ - "> 1%", - "last 2 versions", - "not ie <= 8" - ] + "name": "tduck-front", + "version": "0.1.0", + "private": true, + "scripts": { + "serve": "vue-cli-service serve", + "build-dev": "vue-cli-service build --mode development --dest dist-dev", + "build": "vue-cli-service build", + "lint": "vue-cli-service lint", + "svgo": "svgo -f src/assets/icons" + }, + "dependencies": { + "axios": "^0.19.0", + "core-js": "^3.4.1", + "dayjs": "^1.8.17", + "element-ui": "^2.13.0", + "js-md5": "^0.7.3", + "lodash": "^4.17.15", + "nprogress": "^0.2.0", + "vue": "^2.6.0", + "vue-cookies": "^1.5.7", + "vue-meta": "^2.3.1", + "vue-router": "^3.1.3", + "vuex": "^3.1.2" + }, + "devDependencies": { + "@vue/cli-plugin-babel": "^4.0.0", + "@vue/cli-plugin-eslint": "^4.0.0", + "@vue/cli-service": "^4.0.0", + "babel-eslint": "^10.0.3", + "eslint": "^6.6.0", + "eslint-plugin-vue": "^6.0.1", + "node-sass": "^4.10.0", + "sass-loader": "^8.0.0", + "sass-resources-loader": "^2.0.1", + "standard": "^14.3.1", + "stylelint": "^12.0.0", + "stylelint-config-recommended-scss": "^4.0.0", + "stylelint-config-standard": "^19.0.0", + "stylelint-scss": "^3.4.1", + "svg-sprite-loader": "^4.1.6", + "svgo": "^1.3.0", + "vue-template-compiler": "^2.6.0", + "webpack-spritesmith": "^1.0.2" + }, + "postcss": { + "plugins": { + "autoprefixer": {} + } + }, + "browserslist": [ + "> 1%", + "last 2 versions", + "not ie <= 8" + ] } diff --git a/vue.config.js b/vue.config.js index ded857f..6e91d9f 100644 --- a/vue.config.js +++ b/vue.config.js @@ -42,8 +42,8 @@ module.exports = { lintOnSave: true, devServer: { open: true, - host: 'localhost', - port: '8081', + host: '0.0.0.0', + port: '8080', proxy: { '/api': { target: 'http://localhost:8999', // 要请求的地址