vscode - plugs
vscode - plugs
代码段
- Vetur
- Vue 3 Snippets
- Vue VSCode Snippets
- HTML Snippets html代码段
- JavaScript (ES6) code snippets
- ES7 React/Redux/GraphQL/React-Native snippets
代码检查和格式化
- vue-beautify
- Prettier ESlint
- Prettier - Code formatter
- 各种代码格式化,只关注格式化,并不具有eslint检查语法等能力,只关心格式化文件(最大长度、混合标签和空格、引用样式等),包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown
- ESlint
- 检查javascript语法检查和代码规范,不包括css,html
- vscode-icons 文件图标显示,不同文件不同图标
- Bracket Pair Colorizer
- Bracket Pair Colorizer 2括号对齐,可以改变括号相应的颜色方便找到匹配括号
- Beautify
- Beautiful css/sass/scss/less
- Auto Close Tag 自动关闭标签
- Auto Rename Tag 标签重命名
- Highlight Matching Tag
- Trailing Spaces 尾部空格删除插件,高亮空格,并提供了一键删除。
- Code Spell Checker拼写检查
- Color Highlight颜色高亮
- Tabnine AI
- 智能代码完成工具,能够以更快的速度完成代码,并且错误更少, 其支持多种语言,还具备记忆功能
注释
- Document This
- 为TypeScript和JavaScript文件生成详细的JSDoc注释
- vscode-fileheader
- 生成文件备注
- 如果你觉得这些信息还不够,koroFileHeader 提供更督导的注释, 也同时支持生成函数注释。
- koroFileHeader
- 用于一键生成文件头部注释并自动更新最后编辑人和编辑时间、函数注释自动生成和参数提取。
- Parser JSDoc 给方法添加JSDoc
- autoAnnotation
- 在vscode中用于生成函数注释的插件~目前仅支持Bone.js注释格式
postman
- Postcode
- vsc-postman
Git
- Git History
- GitLens
- SVN
- Git History Diff
- autoCommit
Markdown
- typora
- Markdown PDF
- markdown转PDF
- Markdown Preview Enhanced
- markdown编辑和预览
- 让你一边编辑markdonwn一边预览
- 如果需要更多功能比如 TODO, 或者多行同时修改等, Markdown All in One 是不错的选择。
- Markdown All in One
else
- debugger for Chrome
- scode-js-debug
- 可用于调试Node.js、 Chrome、 Edge、 WebView2、 VS Code 扩展等等,替换 Debugger for Chrome 插件。 其还可以调试Service Worker, Web Worker, 功能是异常的强大。
- Image Preview 图片预览
- CSS编写,再也担心写错图片地址啦!
- 其支持在html和css文件里面,当有使用图片路径的时候,在左边实现小的预览器,一眼就知对与错。
- JSON to TS json转为TS申明
- Chinese
- CSS Modules
- CSS Peek css定位器
- Color Info
- 这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。
- JS JSX Snippets
- JQuery Code Snippets
- Live Server 静态服务器
- 为静态和动态页面启动具有实时重载特性的本地开发服务器。
- Code Runner 代码运行器
- 一键运行多种语言运行代码片段或代码文件: c,c + + ,Java,JavaScript,PHP,Python,Perl,Perl 6,Ruby,Go,Lua,Groovy,PowerShell,BAT/CMD,BASH/SH,f # Script,f # (。NET 核心) ,c # 脚本
- open in browser
- Path Intellisense 引用路径智能提示
- px to rem&rem (cssrem)
- Quokka.js 直接显示变量结果
- Settings Sync
- Todo Tree
- Typescript React code snippets
- vscode weapp api
- wechat-snippet
- wxapp-helper
- WXML - Language Service
- npm npm扩展
- 这个扩展支持运行 package.json 文件中定义的 npm 脚本,并根据 package.json 中定义的依赖项验证已安装的模块。 是不是很酷!
- npm Intellisense
- npm模块导入智能提示
- Import Cost依赖包大小提示
- DotENV env文件高亮
- Wrap Console Log Lite 快捷的输出变量
- 我们经常使用console.log输出变量来查看执行情况,这插件,直接给你生成出书代码,懒的可以啊,懒到极致。
- REST Client rest请求
- 想请求某个站点的接口,axios?, express? , No No No , 打开VS code直接发请求就好。
- 此插件允许您直接发送 HTTP 请求并查看 visualstudio 代码中的响应。
- vscode-faker 生成虚假数据
- Regex Previewer 边写正则边看结果
- SVG Viewer SVG文件预览
- Code Spell Checker 拼写检查
- 妈妈再也不担心我写错单词了。 其能检查拼写错误,并给于提示,非常好的伙伴!
- Sort Typescript imports import自动排序
- 导入太多的库了,眼花撩顺,这款插件让他们有序排列, 强迫症患者的福星。我记得eslint好像也有类似的规则。
- Live Sass Compiler SASS实时编译
- 一个 VSCode 扩展,它可以帮助您实时地将 SASS/SCSS 文件编译/传输到 CSS 文件中,并实时重新加载浏览器。
- Minify
- 这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置,以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier,与 JavaScript、CSS 和 HTML 协同工作。
Lee2