浏览器常用插件

• 截屏插件，百度云下载 (opens new window)

• Charset chrome 浏览器不能修改编码格式，安装这个软件就能做到百度云下载 (opens new window)

• Viewport-Resizer 可以随意修改当前浏览器屏幕尺寸，适配屏幕很方便百度云下载 (opens new window)

• WEB 前端助手 代码美化，正则，性能检测等百度云下载 (opens new window)

• 油猴 修改当前页面样式，注入 js，去广告等，很强大百度云下载 (opens new window)

vscode 常用插件

• Flutter

  • 运行调试插件

    • Dart

    • Flutter

  • 代码片段

    • Flutter Widget Snippets Widget 代码片段

    • Awesome Flutter Snippets 提供常用函数的代码片段

  • 代码高亮

  • Bracket Pair Colorizer vscode Flutter 简直就是嵌套居多。这个插件，可对括号进行高亮匹配显示，这样更易于阅读以及修改代码

• HTML Snippets 超级实用且初级的 H5 代码片段以及提示

• HTML CSS Support 让 html 标签上写 class 智能提示当前项目所支持的样式

• Debugger for Chrome 让 vscode 映射 chrome 的 debug 功能

• jQuery Code Snippets jQuery 代码提示

• vscode-icon 让 vscode 资源树目录加上图标

• Path Intellisense 自动路劲补全

• Npm Intellisense require 时的包提示（最新版的 vscode 已经集成此功能）

• Document this 注释模版

• ESlint 接管原生 js 提示，可以自定制提示规则

• HTMLHint html 代码检测

• beautify 格式化代码的工具

• Atuo Rename Tag 自动帮你完成尾部闭合标签的同步修改

• fileheader 顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间

• filesize 在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间

• Bracket Pair Colorizer 让括号拥有独立的颜色，易于区分。可以配合任意主题使用

• Vue 插件

  • vetur 语法高亮、智能感知、Emmet 等

  • VueHelper snippet 代码片段

• Import Cost 引入包大小计算

• One Dark Pro 很好看的一款主题

• autoprefix 自动添加 css 样式兼容

• rc-beautify react 格式化

• live-server 小型服务器

• EditorConfig 配置当前项目代码格式化规则