Color Highlight
Highlight web colors in your editor
Ponicode
AI辅助-单元测试
Remove empty lines
Remove blank lines from document or selection.
Dependency Cruiser Extension
Visual Studio Code Extension to build dependency graphs using dependency-cruiser. Visualize module dependencies from any file
EditorConfig for VS Code
This plugin attempts to override user/workspace settings with settings found in .editorconfig files. No additional or vscode-specific files are required. As with any EditorConfig plugin, if root=true is not specified, EditorConfig will continue to look for an .editorconfig file outside of the project.
根目录创建文件 .editorconfig
文件内容
# Editor configuration, see http://editorconfig.org # 表示是最顶层的 EditorConfig 配置文件 root = true [*] # 表示所有文件适用 charset = utf-8 # 设置文件字符集为 utf-8 indent_style = space # 缩进风格（tab | space） indent_size = 4 # 缩进大小 end_of_line = lf # 控制换行类型(lf | cr | crlf) trim_trailing_whitespace = true # 去除行首的任意空白字符 insert_final_newline = false # 始终在文件末尾插入一个新行 [*.md] # 表示仅 md 文件适用以下规则 max_line_length = off trim_trailing_whitespace = false
eslint配置文件例子
.eslintrc.js
module.exports = { env: { browser: true, es2021: true, node: true }, extends: [ 'plugin:vue/essential', 'airbnb-base', 'plugin:prettier/recommended', 'plugin:jest/recommended' ], parserOptions: { ecmaVersion: 'latest', parser: '@typescript-eslint/parser', sourceType: 'module' }, plugins: ['vue', '@typescript-eslint'], rules: { 'no-plusplus': [ 'off', { allowForLoopAfterthoughts: true } ], 'no-console': 'off', 'import/no-unresolved': 'off', 'import/extensions': 'off', 'import/no-absolute-path': 'off', 'import/no-extraneous-dependencies': 'off', 'no-param-reassign': [ 'error', { props: true, ignorePropertyModificationsFor: [ 'e', // for e.returnvalue 'ctx', // for Koa routing 'req', // for Express requests 'request', // for Express requests 'res', // for Express responses 'response', // for Express responses 'state' // for vuex state ] } ] } }
prettier配置文件例子
.prettierrc
{ "useTabs": false, "tabWidth": 2, "printWidth": 100, "singleQuote": true, "trailingComma": "none", "bracketSpacing": true, "semi": false }
Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro
🚀Easy to compile ts, tsx, scss, less, stylus, jade, pug and es6+ on save without using a build task.
Luna Paint — Image Editor
An image editor built into VS Code, supports png, jpg, webp, bmp and ico formats.
AnGitIgnored
Tool that facilitates the management of .ignore files
CodeSnap
Take beautiful screenshots of your code
expand-region
选中配对括号里的内容
快捷键: Ctrl+W
Paste JSON as Code
Copy JSON, paste as Go, TypeScript, C#, C++ and more
如果你剪贴板上有个对象, 用这个可以生成与对象对应的interface
Auto.js-Pro-Ext
功能: vscode和手机上的autojs通信
Autojs Clipboard
同步手机剪贴板到电脑剪贴板
原理:
电脑端开启一个服务监听请求, autojs监听到剪贴板变化, 就提交剪贴板信息到电脑
Codelf
Search Github, GitLab to find real-world usage variable names.
输入中文, 显示英文, 用于给变量起英文名字
Bookmarks
书签
Bracket Pair Colorizer 2
彩色括号第2个版本, 版本1已经不再维护, github上显示最后一次维护是20180916
本插件可以卸载了, 因为vscode1.60已经内置了括号对着色,
我们可以通过设置 "editor.bracketPairColorization.enabled": true 来启用括号对着色。所有颜色都是主题化的，最多可以配置六种颜色。
Chinese (Simplified) Language
人尽皆知
Code Runner
运行各种语言, 各语言的环境还是要自己搭建的
Code Spell Checker
检查你的代码是否拼写正确, 十分推荐
Draw.io Integration
画流程图
ESLint
检查你的代码是否符合规范, 五颗星
Fix VSCode Checksums
冷门插件, 禁止vscode的某个弹框警告
GitLens — Git supercharged
可以查看代码历史修改
indent-rainbow
让空格显示彩色, 代码结构更加清晰
koroFileHeader
添加注释, 代码头部, 函数的注释都可以
文件头部注释快捷键
- 记录文件信息/文件的传参/出参，设置个性签名、留下QQ、微信联系方式、输入空行等等
- 支持用户高度自定义注释选项, 适配各种需求的注释形式。
- 保存文件的时候，自动更新最后的编辑时间和编辑人
- window：ctrl+win+i,mac：ctrl+cmd+i,linux:ctrl+meta+i,Ubuntu:ctrl+super+i
函数注释注释快捷键
更多关于函数参数自动请查阅配置-函数注释自动提取函数的参数文档
- 将光标放在函数行或者将光标放在函数上方的空白行。
- 自动解析函数参数，生成函数参数注释。
- 快捷键：window：ctrl+win+t,mac：ctrl+cmd+t,linux: ctrl+meta+t, Ubuntu: ctrl+super+t
Markdown All in One
查看readme专用
Material Icon Theme
主题
Path Intellisense
模块导入, 智能提示
Prettier - Code formatter
格式化代码
Project Manager
项目管理, 用来快速打开项目
Remote - SSH
远程编写服务器代码, 相当于在服务器上安装了vscode
Tabnine Autocomplete AI
代码自动补全, 根据你的习惯来补全代码, 也可能不符合你的习惯
听说有限制
Kite AutoComplete AI Code
Kite是一个人工智能驱动的编程助手，可以帮助您在VisualStudio代码中更快地编写代码
和tabnine是同行
GitHub Copilot
收费 $10 / month
Your AI pair programmer
GitHub Copilot is an AI pair programmer which suggests line completions and entire function bodies as you type. GitHub Copilot is powered by the OpenAI Codex AI system, trained on public Internet text and billions of lines of code.
To learn more about GitHub Copilot, visit copilot.github.com.
Todo Tree
标记代码哪里需要修改
Trailing Spaces
多余的空格显示红色
XML Formatter
写autojs的xml布局专用
YAML
yaml文件专用, yaml作为配置文件, 还行
change-case
更改当前选择的单词的格式, 比如
大小写,
js的驼峰camel,
python的蛇形snake,
css的串式kebab,
java的匈牙利HN
Comment Divider
分割代码块
HTTP Server / HTML Preview
A Simple HTTP Server / HTML Preview for Visual Studio Code.
使用方法:
点击F1, 再输入
Simple HTTP Server: Create HTTP Server With Current File
点击该命令, 然后再右下角选择
- Open in Browser
- Open in Visual Studio
设置鼠标渐隐渐显
名人名言
思路是最重要的, 其他的百度, bing, stackoverflow, 安卓文档, autojs文档, 最后才是群里问问
--- 牙叔教程
声明
部分内容来自网络
本教程仅用于学习, 禁止用于其他用途
