• 超级实用的VSCode插件,帮你大幅提高工作效率


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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    一、Visual Studio Code 下载:

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

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

    二、插件的安装方法:

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    三、插件推荐:

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    1.ESLint

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    2.vscode-icons

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    3.Open-In-Browser

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    4.HTML Snippets

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    5.HTML CSS Support

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    6.Debugger for Chrome

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    7.JQuery Code Snippets

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    8.Path Intellisense

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    9.Npm Intellisense

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    10.Document this

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    11.Auto Rename Tag

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    12.Auto Close Tag

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    13.Beautify

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

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

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    15.JavaScript (ES6) code snippets

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

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    四、主题推荐:

    1.Material-theme

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    2.monokai-light

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    3.One Dark Theme

    超级实用的VSCode插件,帮你大幅提高工作效率

     

    五、总结:

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

  • 相关阅读:
    设计模式------命令模式
    设计模式------中介者模式
    重置元素的CSS样式
    正则替换标签内的字符串
    Web移动端Fixed布局的解决方案
    弹窗滚动,禁止底部滚动
    css3 模拟动态加载图标
    利用滚动条进行移动端水平滑动
    滚动加载
    搭建本地服务器调试移动端页面
  • 原文地址:https://www.cnblogs.com/wangsongbai/p/9896546.html
Copyright © 2020-2023  润新知