软件插件
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/)