Angular Visual Studio Code 插件配置推荐

Angular Visual Studio Code 插件配置推荐

基础

1. Angular Files 可以快速创建angular文件
2. Angular Follow Selector 可以单击HTML文件中的Angular选择器，并将其重定向到相应组件中的定义
3. Angular Language Service 丰富html模板编辑体验
4. Angular Snippets (Version 8) 为TypeScript和HTML添加了Angular的代码片段
5. NG-ZORRO Snippets (简体中文版) NG-ZORRO 框架的代码片段
6. Auto Import - ES6, TS, JSX, TSX 自动查找，解析并提供所有可用导入的代码操作和代码完成
7. TSLint TSLint
8. Hn-Ui Snippets Hn-Ui的代码片段

使用NG-ALAIN

1. NG-ALAIN Extension Pack NG-ALAIN框架 拓展包，建议安装，所含插件自行查看
2. NG-ALAIN Snippets (简体中文版) NG-ALAIN框架 代码片段

用户设置推荐

如何使用？
复制粘贴到setting.json里

setting.json 如何找到？步骤：

1. F1，搜索Open User Setting
2. 编辑器右上角第一个，打开用户设置json

{
   
  // 编辑器
  "editor.detectIndentation": false,
  "editor.formatOnSave": true,
  "editor.fontSize": 14,
  "editor.minimap.enabled": true,
  "editor.renderWhitespace": "none",
  "editor.renderControlCharacters": false,
  "editor.tabSize": 2,
  "editor.codeActionsOnSave": {
   
    "source.fixAll.tslint": true
  },
  "editor.wordWrap": "off",
  // "editor.defaultFormatter": "esbenp.prettier-vscode",
  "html.format.wrapLineLength": 120,
  "html.format.wrapAttributes": "preserve",
  "files.autoSave": "onFocusChange",
  "files.autoSaveDelay": 20000,
  "files.associations": {
   
    "*.cjson": "jsonc",
    "*.wxss": "scss",