AngularJS 2 VS Code Linter环境设置

时间:2023-03-08 22:56:15
AngularJS 2  VS Code Linter环境设置
  1. Angular Cli

    npm install -g angular-cli

    https://www.npmjs.com/package/angular-cli

  2. TSLinter

    1.1 ext install tslint ###vscode extensions link

    tslint 'src/**/*.ts?(x)' 运行发现目录下所有ts文件有没有问题

    VSCode 按F1 输入ext install tslint Link

    有一些lint可以auto fix all, 比如string "" 变成 '', 不用一个一个改

  3. StyleLinter(SCSS)

    2.1 npm install stylelint -D

    2.2 npm install stylelint-scss -D

    2.3 npm install stylelint-config-sass-guidelines -D

    2.4 ext install stylelint ###vscode extensions link

    Reference

    https://medium.com/@bjankord/how-to-lint-scss-with-stylelint-dc87809a9878#.z2g8qpw1y

    https://github.com/bjankord/stylelint-config-sass-guidelines

    https://www.npmjs.com/package/stylelint-scss

  4. HTMLLinter

  5. Angular 2 TypeScript Snippets

    https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2

  6. VS Code

    How To Open, Build && Debug Multiple Projects in VS Code