vscode自动填充地址插件_超级实用的VSCode插件,帮你大幅提高工作效率

Visual Studio Code是一个轻量级但功能强大的源代码编辑器,可在桌面上运行,适用于Windows,macOS和Linux。

11932776142b15f136af2227cd6b582e.png

它内置了对JavaScript,TypeScript和Node.js的支持,并为其他语言(如C ++,C#,Java,Python,PHP,Go)和运行时(如.NET和Unity)提供了丰富的扩展生态系统。

ea8d2a3a927640c9442c9969d2a308a3.png

一、Visual Studio Code 下载:

官方下载地址:https://code.visualstudio.com/Download

1126e9b712d5c78514ba9c44a5dfce1d.png

选择自己对应的版本点击下载即可。

二、插件的安装方法:

38d92ef0a7a4d8b4ad5fce22d5eb059f.png

三、插件推荐:

官方插件下载地址:https://marketplace.visualstudio.com/

3c6e7b3aa8e0113fa0d52ad7cd2e3e32.png

74a1f5ee81e54a616b8a8ac4353d6799.png

1.ESLint

作用:将ESLint JavaScript集成到VS代码中。ESLint是一种用于识别和报告ECMAScript / JavaScript代码中的模式的工具,其目标是使代码更加一致并避免错误。

81d2862d11dccdb9560faf60add6d0b8.png

2.vscode-icons

作用:Visual Studio代码文件的图标。

bf69f7baad68f665b9e25a43cbd13168.png

3.Open-In-Browser

作用:允许您在默认浏览器或应用程序中打开当前文件。

9dc59ffa64503bce5df2001c26d37b76.png

4.HTML Snippets

作用:完整的HTML标记,包括HTML5代码段。

f876ca2b1dabf88ac0dbb6278d5fbba5.png

5.HTML CSS Support

作用:对HTML文档的CSS支持。

14cef51e95b5c35f728b96cf5d6bccd0.png

6.Debugger for Chrome

作用:在Chrome浏览器或支持Chrome Debugger协议的任何其他目标中调试JavaScript代码。

590b84e5614a10bedffe5cd483febcaa.png

7.JQuery Code Snippets

作用:超过130个用于JavaScript代码的jQuery代码片段。只需键入字母'jq'即可获得所有可用jQuery代码片段的列表。

46e2ee55d41b1149650b24048e569159.png

8.Path Intellisense

作用:自动填充补全文件名。

e0df68dc0ccec5958d504efdf33d7d99.png

9.Npm Intellisense

作用:用于在import语句中自动填充npm模块。

6a5f9a0b91b46bbbb3677e7c906ccb98.png

10.Document this

作用:在TypeScript和JavaScript文件中自动生成详细的JSDoc注释。

e3394083520fa7c0e2e845a94b2b862d.png

11.Auto Rename Tag

作用:重命名一个HTML / XML标记时,会自动重命名配对的HTML / XML标记。

ea548ee6f05941bdb1e11739ff045400.png

12.Auto Close Tag

作用:自动添加HTML / XML关闭标记,与Visual Studio IDE或Sublime Text相同。

64138b8b01b995bdb0987e021291d197.png

13.Beautify

作用:美化javascript,JSON,CSS,Sass,和HTML在Visual Studio代码。

acd3eb5462454e85250285ff59281d18.png

14.Chinese (Simplified) Language Pack for Visual Studio Code

作用:适用于 VS Code 的中文(简体)语言包。

c91ec0d7266f229885e28c9f73e9e77f.png

15.JavaScript (ES6) code snippets

作用:用于Vs代码编辑器的ES6语法中的JavaScript代码片段(支持JavaScript和TypeScript)。

801c8baf1f0ae433c37e4f4c3b963e5e.png

四、主题推荐:

1.Material-theme

cc9224aa321b90be0ac072be1970d220.png

2.monokai-light

15e0f0abb9d42f251c16089ad33d1fb4.png

3.One Dark Theme

f0074600596fbf77e12ba2944502bec2.png

五、总结:

目前所了解的也就这么多,如果后面知道更多的相关插件,一定第一时间更新告诉你们,上面这些插件基本都是前端的,所以对其他的一些还不太了解。今天的分享就到这里,如果有更好的插件推荐,请在评论区留言,或者直接私信我即可,一点新科技,期待您的点赞和转发,谢谢大家的支持。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值