typescript-eslint

TS项目中使用eslint规范ts代码的配置示例

  1. {
  2.   "extends": "", // 指定配置的字符串(配置文件的路径、可共享配置的名称、eslint:recommended 或 eslint:all)
  3.   "globals": { // 脚本在执行期间访问的额外的全局变量
  4.     "my": true,
  5.     "App": true,
  6.     "Component": true,
  7.     "Page": true
  8.   },
  9.   "parser": "@typescript-eslint/parser", //针对ts文件进行解析的解析器
  10.   "plugins": ["typescript"],
  11.   "rules": {
  12.     "typescript/class-name-casing": "error",
  13.     "typescript/type-annotation-spacing": "error"
  14.   }
  15. }
  2. module.exports = {
  3.     extends: [
  4.     'plugin:react/recommended'  
  5.     'plugin:@typescript-eslint/recommended'
  6.     ],                              //使用推荐的React代码检测规范
  7.     parser:  '@typescript-eslint/parser',
  8.     plugins: ['@typescript-eslint'],
  9.     env:{                         
  10.         browser: true,
  11.         node: true,
  12.     },
  13.     settings: {             //自动发现React的版本，从而进行规范react代码
  14.         "react": {
  15.             "pragma": "React",
  16.             "version": "detect"
  17.         }
  18.     }, 
  19.     parserOptions: {        //指定ESLint可以解析JSX语法
  20.         "ecmaVersion": 2019,
  21.         "sourceType": 'module',
  22.         "ecmaFeatures":{
  23.             jsx:true
  24.         }
  25.     }
  26.     rules: {
  28.     }
  29. }

.gitlab-ci.yml官方配置说明

  1. image: ruby:2.1
  2. services:
  3.   - postgres
  5. before_script:                           // 重写一组在作业前执行的命令
  6.   - bundle install
  8. after_script:                            // 重写一组在作业后执行的命令
  9.   - rm secrets
  11. stages:                                  // 定义构建阶段
  12.   - build
  13.   - test                                 
  14.   - deploy
  16. job1:                                    // 带有约束说明的任务
  17.   stage: build
  18.   script:
  19.     - execute-script-for-job1
  20.   only:
  21.     - master
  22.   tags:
  23.     - docker

.aci.yml

  1. # 不要修改该文件，会自动生成
  3. stages:
  4.   - test
  6. environments:
  7.   NODE_ENV: "test"
  9. beforeScript:
  10.   - |
  11.     export PATH=$PWD/node_modules/.bin:$HOME/.npm_global/tnpm/bin:$PATH
  12.     echo $PATH
  13.     time curl -v -L -o- https://bash-scripts.antfin-inc.com/install-tnpm-standalone.js | bash
  14.     tnpm -v
  15. node-12:
  16.   stage: test
  17.   aciTags: DOCKER
  18.   agent:
  19.     docker:
  20.       image: reg.docker.alibaba-inc.com/dockerlab/node-ci:3.7.11
  21.       resourceRequirements:
  22.         cpu: 4
  23.         memory: 12
  24.         ephemeral-storage: 30
  25.   script:
  26.     - |
  27.       export PATH=$PWD/node_modules/.bin:$HOME/.npm_global/tnpm/bin:$PATH
  28.       time tnpm i --install-node=12 --no-cache
  29.       node -e "console.log('%j, %j', process.versions, process.execPath)"
  30.       time tnpm run ci

Eslint插件推荐

阿里前端规约Eslint共享配置：https://www.npmjs.com/package/eslint-config-ali