分享一些VSCode开发常用插件

本篇文章给大家介绍分享一些vscode开发必备常用插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

分享一些VSCode开发常用插件

相关推荐:《vscode教程》

Visual Studio Code必备常用插件

红色为强力推荐,不容错过 o(∩_∩)o

Chinese (Simplified) Language Pack for Visual Studio Code
简体中文包

Prettier – Code formatter
最强格式化,不接受反驳(在应用商店中卸载JS-CSS-HTML Formatter以免出现保存时自动格式化了)

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

Code Runner
代码编译运行看结果,支持众多语言

GitLens
丰富的git日志插件

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

HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索,这个也是必备插件之一

Auto Close Tag
匹配标签,关闭对应的标签。很实用【HTML/XML】

Auto Rename Tag
修改 html 标签,自动帮你完成尾部闭合标签的同步修改

Path Intellisense
路径智能提示

JavaScript (ES6) code snippets
该插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6语法支持。

Live Server
浏览器实时刷新。右键“Open With Live Server”开启

open in browser
从浏览器中查看html文件,使用系统的当前默认浏览器

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

ESLint
ESLint代码检测校验

vscode-icon
让 vscode 资源树目录加上图标,必备良品!

Debugger for Chrome
让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~

IntelliSense for CSS class names in HTML
把项目中 css 文件里的名称智能提示在 html 中

minapp
微信小程序标签、属性的智能补全(同时支持原生小程序、mpvue 和 wepy 框架,并提供 snippets)

CSS Peek
追踪至样式表中 CSS 类定义的地方
ctrl+鼠标左键点击class 或 鼠标右键“跳转到定义(F12)”

Manta’s Stylus Supremacy
格式化stylus

jQuery Code Snippets
jquery 重度患者必须品

Class autocomplete for HTML
编写html代码的朋友们对html代码的一大体现就是重复,如果纯用手敲不仅累还会影响项目进度,这款自动补全插件真的很棒;

JavaScript Snippet Pack
针对js的插件,包含了js的常用语法关键字,很实用;

Path Autocomplete
路径智能补全

beautify
格式化代码的工具,可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用

HTMLHint
html代码检测

VSCode Great Icons
另一款资源树目录图标

colorize
会给颜色代码增加一个当前匹配代码颜色的背景,非常好

Color Info
提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

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

Document This
js 的注释模板 (注意:新版的vscode已经原生支持,在function上输入/** tab)

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

Bootstrap 3 Sinnpet
常用 bootstrap 的可以下

VueHelper
vue代码提示

Bookmarks
一个书签工具,还是很有必要的

tortoise-svn
SVN的集成插件

推荐主题

注:文件-首选项-颜色主题 里设置切换

Dracula Theme

One Dark Pro

monoka

更多编程相关知识,请访问:编程入门!!

以上就是分享一些VSCode开发常用插件的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/61759.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
win11亮度怎么调
上一篇 2025年11月11日 02:43:46
SQL删除行如何避免数据丢失
下一篇 2025年11月11日 02:43:48

相关推荐

  • 如何让VSCode记住打开的文件?

    VSCode默认会记住上次打开的文件和布局,只需确保设置正确并正常关闭。1. 启用“window.restoreWindows”为all;2. 通过菜单或关闭按钮退出;3. “files.hotExit”设为onExitAndWindowClose;4. 避免删除用户数据目录中的Backups和Wo…

    2026年9月21日
    600
  • 怎么在VSCode里配置Go语言环境?

    安装Go并配置环境变量后,在VSCode中安装官方Go扩展,通过命令面板安装gopls、delve等必要工具,并设置保存时自动格式化与导入,即可实现代码补全、格式化和调试功能。 在 VSCode 中配置 Go 语言开发环境其实不复杂,只要安装好工具链并正确设置,就能获得代码补全、格式化、调试等完整功…

    2026年9月20日
    100
  • 如何为VSCode配置LaTeX环境,使其成为撰写学术论文的利器?

    首先安装LaTeX发行版和VSCode插件LaTeX Workshop,再配置XeLaTeX+BibTeX编译链,最后利用实时预览、反向搜索和代码片段等功能实现高效学术写作。 要在 VSCode 中配置 LaTeX 环境,打造高效的学术写作工具,关键在于正确安装和集成相关插件与编译工具。整个过程不复…

    2026年9月20日
    600
  • VSCode有哪些必备的插件?

    EditorConfig for VS Code统一代码风格,2. Prettier自动格式化多语言代码,3. ESLint检查JS/TS错误并集成Prettier,4. GitLens增强Git可视化,5. Path Intellisense补全文件路径,6. 括号高亮提升嵌套识别,7. Auto…

    2026年9月20日
    1000
  • 如何调整VSCode的设置以获得最佳性能?

    合理配置VSCode可显著提升性能。1. 禁用不必要扩展,减少后台资源占用;2. 在settings.json中设置files.watcherExclude和search.exclude以降低CPU负载;3. 启用editor.renderLineHighlight和largeFileOptimiz…

    2026年9月20日
    500
  • VSCode的扩展推荐是怎么工作的?

    VSCode的扩展推荐基于用户行为和项目环境智能生成,当你打开.py文件时会推荐Python相关工具,打开.ts、.vue等文件则触发对应语言插件;系统通过分析package.json、requirements.txt等依赖文件识别技术栈,推荐Docker、ESLint等匹配扩展;同时记录常用操作如…

    2026年9月20日
    000
  • 当VSCode启动或运行变慢时,有哪些系统性的排查和优化步骤?

    答案:VSCode变慢主要由扩展、文件监控和设置引起。先以安全模式启动排查扩展影响,使用内置性能工具分析启动耗时,优化工作区的文件监听与搜索范围,调整渲染设置并清理缓存,可显著提升运行效率。 VSCode 启动或运行变慢通常涉及扩展、设置、系统资源或文件索引等问题。以下是系统性的排查与优化步骤,帮助…

    2026年9月20日
    000
  • 如何设置VSCode的默认编码?

    VSCode默认使用UTF-8编码,可通过设置files.encoding指定默认编码如utf8、gbk;2. 启用files.autoGuessEncoding可自动识别文件编码;3. 在settings.json中配置可持久化编码设置,支持手动修改并即时生效。 VSCode 默认使用 UTF-8…

    2026年9月20日
    000
  • 为什么VSCode的CSS代码提示不全?

    答案:VSCode CSS提示不全通常由配置或环境问题导致。1. 确保文件语言模式为CSS并正确关联扩展名;2. 更新VSCode以支持现代CSS特性,自定义属性需插件辅助;3. 安装IntelliSense、Tailwind或PostCSS等插件增强提示功能;4. 检查settings.json中…

    2026年9月20日
    000
  • 怎样在VSCode中查看Git提交历史?

    VSCode通过内置源代码管理视图查看Git提交历史,点击左侧图标或使用快捷键Ctrl+Shift+G进入;2. 在COMMIT输入框下方点击“…”菜单选择View Commit History可查看完整提交记录;3. 右键文件选择Git: View File History可查看单个文…

    2026年9月20日
    100
  • 怎么在VSCode里运行HTML文件?

    使用Live Server扩展是VSCode运行HTML文件最简单的方法,安装后右键选择“Open with Live Server”即可在浏览器中自动打开并实时预览网页内容。 在VSCode里运行HTML文件,最简单的方法是借助浏览器打开。VSCode本身不直接运行HTML,但可以快速预览和调试。…

    2026年9月20日
    000
  • 怎样在VSCode中比较两个文件的差异?

    VSCode内置文件比较功能可通过命令面板或资源管理器右键菜单启动,操作简便无需插件;2. 使用“Compare Active File With…”或“Select for Compare”后选择文件即可并排查看差异;3. 差异显示中绿色为新增、红色为删除内容,支持逐项浏览与导航,适用…

    2026年9月20日
    000
  • VSCode怎么查看NPM版本_VSCode NPM版本查询教程

    在VSCode中查看NPM版本,需打开集成终端并输入npm -v或npm –version。1. 使用快捷键Ctrl + (Windows/Linux)或Cmd + (macOS)打开终端;2. 输入命令npm -v执行;3. 终端将显示当前NPM版本号,如8.19.2。该方法可快速验证…

    2026年9月20日
    000
  • 如何为VSCode配置C++开发环境?

    答案:配置VSCode的C++环境需安装MinGW-w64编译器并添加到PATH,安装C/C++和可选Code Runner扩展,创建.c_cpp_properties.json、tasks.json和launch.json文件以配置编译器路径、编译任务和调试设置,最后通过编译运行测试代码验证配置成…

    2026年9月20日
    100
  • VSCode如何与Git Submodules或SVN等非Git版本控制系统协作?

    VSCode原生支持Git,对Submodules需手动初始化并提交指针,协作时推荐结合终端;通过安装svn-scm插件可支持SVN,依赖本地svn工具,混合项目应避免路径冲突,建议明确分工、合理配置忽略规则,使用集成终端处理复杂操作,确保工具链完整与插件更新,以实现多版本控制系统协同。 VSCod…

    2026年9月20日
    100
  • VSCode的开发者社区是如何运作的,普通用户可以通过哪些途径参与贡献和反馈?

    VSCode社区开放活跃,用户可通过报告问题、贡献代码、开发扩展、改进文档及参与讨论等多种方式加入。 VSCode 的开发者社区活跃且开放,由微软主导但高度依赖开源协作。项目托管在 GitHub 上,采用透明的开发流程,所有功能讨论、问题追踪和代码提交都公开可见。普通用户无论是否具备编程能力,都可以…

    2026年9月20日
    000
  • VSCode的侧边栏图标代表什么?

    资源管理器(文件夹图标)用于管理项目文件结构,支持新建、重命名、删除和拖拽操作;2. 搜索(放大镜图标)实现全局文本查找与替换,支持正则表达式及范围筛选;3. 源代码管理(分支图标)集成Git功能,可查看变更、提交代码并同步远程仓库;4. 运行和调试(虫子图标)支持断点调试、变量监控及多语言启动配置…

    2026年9月20日
    000
  • 如何为VSCode添加自定义主题?

    可通过安装扩展、手动添加JSON文件或使用Yeoman生成器创建主题。首先安装现成主题扩展并从颜色主题列表中选择应用;其次将自定义主题JSON文件放入用户themes目录后在命令面板中启用;最后可用yo code生成项目开发发布主题,需编辑配色文件并预览效果。 为 VSCode 添加自定义主题有几种…

    2026年9月20日
    000
  • 如何配置VSCode的自动保存和窗口恢复行为,避免意外丢失工作进度?

    启用自动保存并设置onFocusChange或afterDelay模式,配置window.restoreWindows为all且开启files.hotExit,确保意外关闭后可恢复未保存文件,结合本地历史记录提升数据安全性。 VSCode 默认不会自动保存文件,但可以通过合理配置实现自动保存和可靠的…

    2026年9月20日
    700
  • VSCode的终端集成有哪些技巧?

    掌握VSCode终端技巧可提升开发效率。1. 用Ctrl+`快速打开终端,支持多实例创建与重命名;2. 在设置中自定义默认shell如zsh或Git Bash;3. 优化字体、启用自动换行与智能复制;4. 终端联动编辑器实现一键运行、路径拖拽补全与点击跳转。 VSCode的终端集成非常实用,合理使用…

    2026年9月20日
    000

发表回复

登录后才能评论
关注微信