使用 vscode 开发用的一些配置。

.editorconfig

# Editor configuration, see http://editorconfig.org
root = true

[*]
charset = utf-8
indent_style = space
indent_size = 2
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
max_line_length = off
trim_trailing_whitespace = false

.prettierignore

# add files you wish to ignore here
**/*.md
**/*.svg
**/test.ts
src/index.html
node_modules/
coverage/
dist/

package.json
package-lock.json

src/app/core/http

.prettierrc

{
  "bracketSpacing": true,
  "printWidth": 100,
  "tabWidth": 2,
  "trailingComma": "all",
  "semi": false,
  "singleQuote": true,
  "useTabs": false,

  "prettier.proseWrap": "preserve"
}

.stylelintrc

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-css-modules",
    "stylelint-config-rational-order",
    "stylelint-config-prettier"
  ],
  "plugins": ["stylelint-order", "stylelint-declaration-block-no-ignored-properties"],
  "rules": {
    "no-descending-specificity": null,
    "plugin/declaration-block-no-ignored-properties": true,
    "selector-type-no-unknown": [
      true,
      {
        "ignoreTypes": [
          "/^g2-/",
          "/^nz-/",
          "/^app-/"
        ],
        ignore: ["custom-elements", "default-namespace"]
      }
    ],
    "selector-pseudo-element-no-unknown": [
      true,
      {
        "ignorePseudoElements": [
          "ng-deep"
        ]
      }
    ]
  },
  "ignoreFiles": [
    "src/assets/**/*"
  ]
}

tsconfig.app.yaml

extends: ./tsconfig.json
compilerOptions:
  outDir: ../out-tsc/app
  types:
    - node
exclude:
  - test.ts
  - "**/*.spec.ts"

tsconfig.yaml

compileOnSave: false
compilerOptions:
    baseUrl: ./
    outDir: ./dist/out-tsc
    sourceMap: true
    declaration: false
    module: es2015
    moduleResolution: node
    emitDecoratorMetadata: true
    experimentalDecorators: true
    importHelpers: true
    target: es5
    typeRoots:
        - node_modules/@types
    lib:
        - es2018
        - dom
    strict: true
    noUnusedLocals: true
    noUnusedParameters: true
    noImplicitReturns: true
    noFallthroughCasesInSwitch: true
    skipLibCheck: true
    strictNullChecks: false

tslint.yaml

extends:
  - tslint-angular
rules:
  comment-format: false
  curly: false
  eofline: false
  import-spacing: false
  indent: false
  max-line-length: false
  no-trailing-whitespace: false
  one-line: false
  quotemark: false
  semicolon: false
  typedef-whitespace: false
  whitespace: false
  angular-whitespace: false
  max-classes-per-file: false

vscode.extensions.yaml

recommendations:
  - ms-vscode.vscode-typescript-tslint-plugin
  - angular.ng-template
  - esbenp.prettier-vscode
  - jasonhzq.vscode-pont
  - msjsdiag.debugger-for-chrome
  - mikael.angular-beastcode
  - cipchk.ng-zorro-vscode
  - cipchk.ng-alain-vscode
  - cyrilletuzi.angular-schematics
  - rbbit.typescript-hero
  - coenraads.bracket-pair-colorizer
  - christian-kohler.path-intellisense
  - fabiospampinato.vscode-todo-plus
  - vscode-icons-team.vscode-icons

vscode.launch.yaml

version: 0.2.0
configurations:
  - type: node
    request: launch
    name: e2e-protractor
    program: "${workspaceRoot}/node_modules/protractor/bin/protractor"
    args:
      - "${workspaceRoot}/e2e/protractor.conf.js"
    internalConsoleOptions: openOnSessionStart
  - type: chrome
    request: launch
    name: Launch Chrome
    url: "http://localhost:4200"
    webRoot: "${workspaceRoot}"
    sourceMaps: true

vscode.settings.yaml

typescript.tsdk: ./node_modules/typescript/lib
editor.formatOnSave: true
editor.rulers:
  - 100
editor.renderWhitespace: all
editor.tabSize: 2
editor.minimap.enabled: false
files.trimFinalNewlines: true
files.insertFinalNewline: true
html.format.wrapLineLength: 100
prettier.stylelintIntegration: true