vsCode插件安装推荐

本文推荐了VSCode中提升开发效率的插件,包括代码格式化、语言支持、调试工具等,如Auto ReName Tag、Beautify、Debugger for Chrome、GitLens等,覆盖HTML、CSS、JavaScript、Vue、Dart、Flutter等多种开发场景。
部署运行你感兴趣的模型镜像

1. 【Auto ReName Tag】自动闭合html标签

2. 【Beautify】 格式化代码类型

3. 【Beautify css/sass/scss/less】格式化样式

4. 【Bracket Pair Colorizer】代码中的括号匹配

5. 【Chinese Language Pack for Visual Studio Code】vscode的中文包

6. 【Code Runner】直接编译代码,支持Node.js, Python, C++, Java, PHP, Perl, Ruby, Go等超过40种的语言。安装了这个插件就能直接编译js文件了

7. 【Color Highlight】代码高亮显示

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

9. 【Css Peek】可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

10. 【Debugger for Chrome】用于页面调试

11. 【Egg.js dev tool】调试eggjs项目

12. 【eggjs】

13. 【ES7 React/Redux/GraphQL/React-Native snippets】React开发必备,代码补全,规范代码样式

14. 【ESLint】eslint,js编码规范,装了插件,有实时提示

15. 【FreeMarker】

16. 【Git Blame】在状态栏显示当前行的git信息

17. 【Git History】查看git log,包括任意文件或者是文件中的任意一行代码

18. 【GitLens 】 git工具,方便了解代码修改作者,责任到人

19. 【JSON Tools】格式化和压缩json

20. 【language-stylus】stylus语法高亮和提示

21. 【Markdown TOC】

22. 【markdownlint】markdown格式提示

23. 【npm】npm插件

24. 【npm Intellisense】导入模块提示已安装模块名称npm

25. 【Nunjucks】

26. 【Rest Client】发送REST风格的HTTP请求

27. 【Sass】sass插件

28. 【Vetur】vue语法高亮

29. 【Vue 2 Snippets】vue片段补全

30. 【Dart】Dart语言插件

31. 【Flutter】Flutter语言插件

32. 【Flutter Widget Snippets】

 

您可能感兴趣的与本文相关的镜像

TensorFlow-v2.9

TensorFlow-v2.9

TensorFlow

TensorFlow 是由Google Brain 团队开发的开源机器学习框架,广泛应用于深度学习研究和生产环境。 它提供了一个灵活的平台,用于构建和训练各种机器学习模型

### Visual Studio Code 插件安装目录 在 Windows 系统中,Visual Studio Code 的插件通常会被安装到用户的配置文件夹下的 `extensions` 文件夹中。具体路径如下: 对于大多数用户来说,默认路径为: ``` C:\Users\<用户名>\.vscode\extensions\ ``` 其中 `<用户名>` 是当前登录系统的用户名[^1]。 如果启用了设置同步功能或者更改了默认存储位置,则可能会影响实际的插件安装路径。可以通过以下方法确认具体的安装路径: #### 方法一:通过命令面板查看 打开 VSCode 命令面板 (`Ctrl+Shift+P`) 并输入 `Extensions: Show Extensions Folder`,执行该命令后会直接跳转至本地扩展程序所在的文件夹[^2]。 #### 方法二:手动定位 除了上述方式外还可以依据操作系统版本自行导航到相应的位置。例如 Linux 和 macOS 用户分别对应的是: - **Linux**: `/home/<用户名>/.vscode/extensions/` - **macOS**: `/Users/<用户名>/Library/Application Support/Code/extensions/` 这些路径中的每一个子文件夹代表已安装的一个单独插件,并且命名规则一般采用作者名加项目名称的形式组合而成[^3]。 ```python import os from pathlib import Path def get_vscode_extensions_path(): home_dir = str(Path.home()) platform = os.name if platform == 'nt': # For Windows systems. return f"{home_dir}\\.vscode\\extensions" elif platform == 'posix': if sys.platform.startswith('darwin'): # MacOS detection within POSIX environments. return f"{home_dir}/Library/Application Support/Code/extensions/" else: # General case for other Unix-like OSes (e.g., Linux). return f"{home_dir}/.vscode/extensions/" print(get_vscode_extensions_path()) ``` 以上脚本可以帮助动态获取不同平台上的VSCode插件所在的具体地址。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值