软件插件

目录

• chrome插件
• vscode插件
  • 通用开发工具
    • CodeSnap
    • filesize
    • Docs View
    • Thunder Client
    • Bookmarks
    • vscode-icons
    • koroFileHeader
    • Code Runner
    • Git Graph
    • Better Comments
    • Bracket Pair Colorization Toggler
    • Dracula Official
    • HTML
    • Live Server
    • Markdown All in One
    • open in browser
    • Path Intellisense
  • 前端
    • Auto Close Tag
    • Auto Rename Tag
    • Color Picker
    • Prettier - Code formatter
  • python
    • wolf
    • Sourcery
    • Pylance
    • python snippets
    • AREPL for python
    • autoDocstring - Python Docstring Generator
    • Python Resource Monitor
    • Python Type Hint
    • 代码格式化工具 Black Formatter
• 网络

chrome插件

Tampermonkey：油侯脚本

IDM Integration Module：网络下载助手

Adblock Plus: 免费的广告拦截器

Infinity: 新标签页

猫抓: 网页媒体嗅探工具

SuperCopy: 超级复制, 在禁止复制、禁止右键、禁止选择的站点，一键复制，一键粘贴，一键选择，启用右键，启用复制，启用选择，启用粘贴。

CoCoCut: 视频下载器

vscode插件

通用开发工具

CodeSnap

生成漂亮的代码截图

filesize

查看文件大小

Docs View

悬停查看文档

Thunder Client

Rest API 客户端，api调试工具

Bookmarks

标记某一行，类似书签

vscode-icons

文件图标

koroFileHeader

文件头和函数注释

Code Runner

代码运行器

Git Graph

git 历史点线图

Better Comments

自定义颜色注释

! : 红色注释

? : 蓝色注释

// : 灰色删除线注释

todo : 橘红色注释

• : 浅绿色注释

Bracket Pair Colorization Toggler

括号颜色

Dracula Official

吸血鬼主题

HTML

主要包括HTML CSS Support， HTML Boilerplate， JavaScript (ES6) code snippets

Live Server

为静态和动态页面启动具有实时重新加载功能的本地开发服务器。

Markdown All in One

markdown即时预览

open in browser

设置vscode默认浏览器打开html文件

Path Intellisense

路径自动补全

前端

Auto Close Tag

自动补全标签

Auto Rename Tag

重命名自动同步标签

Color Picker

颜色选择器

Prettier - Code formatter

代码格式化，安装完成后在项目的根目录会多一个.prettierrc.js文件，没有这个文件,可以创建一个.prettierrc.js文件，并复制以下代码。

module.exports = {
  // 一行最多 100 字符
  printWidth: 100,
  // 使用 2 个空格缩进
  tabWidth: 2,
  // 不使用缩进符，而使用空格
  useTabs: false,
  // 行尾需要有分号
  semi: true,
  // 使用单引号
  singleQuote: true,
  // 对象的 key 仅在必要时用引号
  quoteProps: 'as-needed',
  // jsx 不使用单引号，而使用双引号
  jsxSingleQuote: false,
  // 末尾不需要逗号
  trailingComma: 'all',
  // 大括号内的首尾需要空格
  bracketSpacing: true,
  // jsx 标签的反尖括号需要换行
  jsxBracketSameLine: false,
  // 箭头函数，只有一个参数的时候，也需要括号
  arrowParens: 'always',
  // 每个文件格式化的范围是文件的全部内容
  rangeStart: 0,
  rangeEnd: Infinity,
  // 不需要写文件开头的 @prettier
  requirePragma: false,
  // 不需要自动在文件开头插入 @prettier
  insertPragma: false,
  // 使用默认的折行标准
  proseWrap: 'preserve',
  // 根据显示样式决定 html 要不要折行
  htmlWhitespaceSensitivity: 'css',
  // 换行符使用 lf
  endOfLine: 'auto',
};

可以在项目根目录创建一个名为.prettierignore的文件，在里面配置忽略格式化的文件类型或文件名称

package.json

使用方式：右击空白处，选择格式化文档

python

wolf

python代码实时预览，可以实时看到结果

Sourcery

实时重构你的 Python 代码
它会实时帮你改进代码。它会自动审查和重构你的代码，以便你可以花更多时间专注于编写新代码，减少清理时间。可以让你的 Python 代码更干净、更易读。

通过它快速找到可以重构代码的领域，查看即时改进建议，并了解新更改如何影响代码质量
主要功能：

• 实时重构建议
• 持续的代码质量反馈
• 多文件分析
• 重复代码检测
• GitHub Pull Request 评论
• Sourcery CLI、CI和Pre-Commit Hook选项

Pylance

对 Python 的快速、功能丰富的语言支持

python snippets

AREPL for python

一个可以即刻看到python运行结果的插件

autoDocstring - Python Docstring Generator

生成注释

Python Resource Monitor

python 运行时的资源监控

Python Type Hint

类型提示

代码格式化工具 Black Formatter

Ctrl + Shift + p，打开 settings.json，添加一个 black-formatter.args 配置项，

"black-formatter.args": [
    "--line-length",
    "110"
]

网络

ngrok（https://ngrok.com/）
Localtunnel（https://localtunnel.github.io/www/）