网站首页 > 技术文章 正文
Visual Studio Code 是一款轻量级但功能强大的源代码编辑器,适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言(例如 C++、C#、Java、Python、PHP、Go)并且提供了丰富的扩展生态系统。
今天我将给大家介绍下VS Code常用操作及非常棒的插件,喜欢本文记得收藏、点赞、关注。
关于VScode历史推文一并总结如下:
- 超强大!没有这 24 款插件的 VScode 是没有灵魂的!
- 安装图文并茂,插件体验超棒,VScode 这款编辑器神器详细教程来了!
- 效率倍增!10个超级好用的VScode使用技巧!
- 爱了爱了!8 个被低估但功能非常强大的 VSCode 插件!
- 开发神器 VsCode 配置指南!(含 Python、C++、Java环境配置)
废话不多说,我们开始吧!
使用教程
1.搜索扩展
您可以清除“扩展”视图顶部的“搜索”框,然后输入您要查找的扩展、工具或编程语言的名称。
2.列出已安装的扩展
默认“扩展”视图显示当前的扩展、推荐的所有扩展以及已禁用的所有扩展的折叠视图。可以使用命令面板( Ctrl+Shift+P ) 命令清除搜索框中的任何文本并显示所有已安装扩展的列表。
3.卸载扩展
要卸载扩展,请选择扩展条目右侧的管理齿轮按钮,然后从下拉菜单中选择卸载。可以卸载扩展并提示您重新加载 VS Code。
4.禁用扩展
如果不想永久删除扩展程序,可以通过单击扩展程序条目右侧的齿轮按钮暂时禁用扩展程序。
在全局禁用扩展或仅针对当前工作区禁用扩展。禁用扩展后,系统将提示重新加载 VS Code。
5.启用扩展
如果禁用了某个扩展程序,可以使用下拉菜单中的Enable或Enable (Workspace)命令重新启用它。
6.更新扩展
自动更新:VS Code 检查扩展更新并自动安装。更新后,系统会提示您重新加载 VS Code。
手动更新:使用Show Outdated Extensions命令快速查找扩展更新,显示当前安装的扩展程序的所有可用更新,为过时的扩展选择更新按钮,更新将被安装,系统将提示重新加载 VS Code。
扩展介绍
1.Python
对Python 语言有丰富的支持,包括 IntelliSense (Pylance)、linting、调试、代码导航、代码格式化、重构、变量浏览器等功能、测试资源管理器等。
2.Jupyter
它提供基本的笔记本支持语言内核所支持许多语言内核无需修改即可工作。默认Jupyter 扩展包括 Jupyter Keymaps 和 Jupyter Notebook Renderers 扩展。
3.C/C++
C/C++ 扩展为 Visual Studio Code 添加了对 C/C++ 的语言支持,包括 IntelliSense 和调试等功能。
4.ESLint
ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具,其目标是使代码更加一致并避免错误。在许多方面,它类似于 JSLint 和 JSHint。
5.Prettier
Prettier支持我们大前端目前大部分语言处理,包括 JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown,这代表着, 你几乎可以用一个工具都能搞定所有的代码格式化问题。
6.Live Server
为静态和动态页面启动具有实时重新加载功能的开发本地服务器
7.Visual Studio IntelliCode
提供了为Python,TypeScript/ JavaScript和Java开发AI辅助开发功能在Visual Studio代码,基于代码的上下文与机器学习相结合。
8.Code Runner
运行多种语言的代码片段或代码文件,省掉保存的环节,直接可以运行
9.Chinese (Simplified) (简体中文)
为VS Code 使用者提供汉字化界面,针对英文界面使用不太熟练的使用者
10.background
平时编程总是对着一顿枯燥的代码背景,VSCode一个神仙插件Background,可以更改自己想要的背景图,下面来介绍一波。
具体实现效果图:
背景图放最上面了,之前写过一篇文章。
11.Auto Rename Tag
自动重命名配对的 HTML/XML 标签,与 Visual Studio IDE 相同。
12.Better Comments
Better Comments 扩展将帮助您在代码中创建更人性化的注释。使用此扩展程序,您将能够将注释分类为:
- 警报
- 查询
- 待办事项
- 强调
- 注释掉的代码也可以设置样式以明确代码不应该在那里
- 可以在设置中指定您想要的任何其他评论样式
13.Draw io Integration
在VSCode中就可以创建思维导图,要创建新图表,只需创建一个空的*.drawio,*.drawio.svg或*.drawio.png文件并打开它drawio.svg、.drawio.png嵌入到 Github,不需要导出。
14.Markdown emoji
向 VS Code 的内置 Markdown 预览添加:emoji:语法支持 ,生成表情
15.WakaTime
直观的反应你一天学习打代码的时间,通过各种图表计算
- 上一篇: 如何自己开发一个Google浏览器插件?
- 下一篇: 前端代码优化小秘籍(前端优化24条建议)
猜你喜欢
- 2025-05-10 如何自己开发一个Google浏览器插件?
- 2025-05-10 前端流行框架Vue3教程:14. 组件传递Props效验
- 2025-05-10 吃了一年的SU,最好用的插件都在这了
- 2025-05-10 前端必看!这款神器让网站界面告别千篇一律
- 2025-05-10 程序员请收好:10个非常有用的 Visual Studio Code 插件
- 2025-05-10 前端资源-实用的JS插件(前端代码规范插件)
- 2025-05-10 5款好用Office插件,一定不要错过
- 2025-05-10 超详细带你从入门开始,开发一个超实用的浏览器插件
- 2025-05-10 前端流行框架Vue3教程:12. 组件的注册方式
- 2025-05-10 相见恨晚,这些科研插件让你的浏览器瞬间起飞
你 发表评论:
欢迎- 05-10如何优化数据库和前端之间的交互?
- 05-10前端代码优化小秘籍(前端优化24条建议)
- 05-10VS Code当中的15个神仙插件,值得收藏
- 05-10如何自己开发一个Google浏览器插件?
- 05-10前端流行框架Vue3教程:14. 组件传递Props效验
- 05-10吃了一年的SU,最好用的插件都在这了
- 05-10前端必看!这款神器让网站界面告别千篇一律
- 05-10程序员请收好:10个非常有用的 Visual Studio Code 插件
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle查询数据库 (45)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)