VSCode常用扩展

• Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code [推荐]
  显示简体中文，vscode汉化

• Code Runner [推荐]

• Live Server [推荐]
  本地启动一个服务器，代码完成后可以实现热更新，实时查看结果

• GitLens — Git superchargedPreview [推荐]

  • 查看文件历史记录
  • 将光标放在代码的当前行，可以看到这行代码的提交者是谁，以及提交时间，悬停时可以访问更详细的责备信息
  • 查看某个commit代码改动记录
  • 查看所有分支，stash，开发人员，tags，本地修改记录
  • 可以将两个commit进行代码对比
  • 不同分支的代码对比
    。。。等等
    

• Git History [推荐]

• 查询所有git记录

• [Deprecated] Bracket Pair Colorizer 2
  彩虹括号，方便查看括号闭环

• open in browser [推荐]
  右键，open in default browser

• highlight-icemode
  vscode选中后相同内容高亮插件

• vscode-icons**[推荐]**
  根据不同的文件后缀名称显示不同的图标

• Project Manager
  方便切换多个项目

• TODO Highlight
  高亮显示暂时备注的// TODO信息
  

• WakaTime
  统计写代码时间

• Code Time

• Markdown Preview Enhanced

• Markdown All in One [推荐]

• Syncing

• Vetur
  Vue多功能集成插件

• ES7+ React/Redux/React-Native snippets
  React开发

• Path Autocomplete(路径提示）

• HTML Snippets

• IntelliSense for CSS class names in HTML(html中class名称提示)

• Angular Snippets (Version 13)

• minapp小程序开发

• Prettier、Beautify
  代码格式化

• ESLint**[推荐]**

• JavaScript (ES6) code snippets**[推荐]**
  ES6语法提示

• Search node_modules
  搜索node_modules对应的模块

• indent-rainbow显示代码缩进空格
  

• javascript console utils、Turbo Console Log
  快速打印log日志

• Code Spell Checker单词拼写错误检查**[推荐]**

• Local History本地文件修改记录，太麻烦
  

• Polacode-2022生成代码截图

• Image preview图片预览插件

• Auto Close Tag、Auto Rename Tag自动补全tag

• Better Comments注释添加颜色样式

• Live Share

• Import Cost
  项目开发中引入某个包的某个方法或者模块，会直接引入整个包，导致打包后的文件体积过大，这个插件友好提示我们只需引入其中的一个方法或模块，有助于我们做代码优化。

• Paste JSON as Code
  json转为

• settings-sync
  配置云同步

• SFTP
  将本地文件通过ftp形式上传到局域网的服务器

• PHP Server

开发angular的一些好用插件

• Angular Language Service
  功能

1. 代码补全：在前面输入import {会自动提示及回填；
2. 方法及模块定位：按ALT + 鼠标左键会跳到对应逻辑中