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

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

一、Visual Studio Code 下载:

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

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

二、插件的安装方法:

三、插件推荐:

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

1.ESLint

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

2.vscode-icons

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

3.Open-In-Browser

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

4.HTML Snippets

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

5.HTML CSS Support

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

6.Debugger for Chrome

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

7.JQuery Code Snippets

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

8.Path Intellisense

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

9.Npm Intellisense

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

10.Document this

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

11.Auto Rename Tag

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

12.Auto Close Tag

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

13.Beautify

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

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

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

15.JavaScript (ES6) code snippets

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

四、主题推荐:

1.Material-theme

2.monokai-light

3.One Dark Theme

五、总结:

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

超级实用的VSCode插件,帮你大幅提高工作效率的更多相关文章

  1. 30 个极大提高开发效率超级实用的 VSCode 插件

    Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要.这里有 30 个最受欢迎的 VSCode 插件,它们将使你成为更高效的搬砖摸鱼大师.这些插件主要适用于前端开发人员 ...

  2. GitHub 热点速览 Vol.32:VScode 韭菜基金插件,极大提高“工作”效率

    作者:HelloGitHub-小鱼干 摘要:有什么比干着本职工作--编码,而又兼顾"外快"--炒股更有开心的事情呢?leek-fund 就是这么一个极大提升你工作幸福度和效率的插件 ...

  3. 这些好用的 Chrome 插件,提升你的工作效率

    本文首发于我的公众号 Linux云计算网络(id: cloud_dev),专注于干货分享,号内有 10T 书籍和视频资源,后台回复「1024」即可领取,欢迎大家关注,二维码文末可以扫. Google ...

  4. 提高工作效率的神器:基于前端表格实现Chrome Excel扩展插件

    Chrome插件,官方名称extensions(扩展程序):为了方便理解,以下都称为插件. 我们开发的插件需要在浏览器里面运行,打开浏览器,通过右上角的三个点(自定义及控制)-更多工具-拓展程序-打开 ...

  5. 实用Jupyter Notebook扩展工具——提升你的工作效率

    Jupyter Notebook 现已成为数据分析,机器学习的必备工具.因为它可以让数据分析师集中精力向用户解释整个分析过程.通过安装一些扩展工具,可以让你在Jupyter Notebook上的工作效 ...

  6. 15个超级实用的jQuery插件

    jQuery是一个可订制的.轻量级的前端开发框架,它会让你的前端开发拥有无限的可能性.它会在敏捷Web开发中帮你做很多事情,比如简化HTML文档的解析.事件处理.动画效果和Ajax交互.实践上jQue ...

  7. 超级实用的Chrome插件

    1.JSON-handle:浏览器前台访问后台,后台返回json,它帮你格式化 2.Page Ruler:帮你测量页面上任何位置的长宽高 3. Momentum:打开新的tab页就像打开了一个新的世界 ...

  8. 为Chrome开发插件提高工作效率

    工作生活,什么最珍贵,我觉得是时间,怎么节约时间是一个最重要的问题,如果你有重复的工作在网页上,请接着看 上手步骤: 打开https://developer.chrome.com/extensions ...

  9. Github 开源:使用升讯威 Mapper( Sheng.Mapper)与 AutoMapper 互补,大幅提高开发效率!

    Github 地址:https://github.com/iccb1013/Sheng.Mapper 在上一篇幅中,简单介绍了 升讯威 Mapper( Sheng.Mapper)[http://www ...

随机推荐

  1. 【.Net Core 学习系列】-- 自定义错误页面在IE浏览器中不能正常显示

    测试场景: 1. 新建.Net Core Web项目 2. 选择模板: 3. 修改Error页面代码:(去掉母版页并修改页面显示信息) 4. 修改[ASPNETCORE_ENVIRONMENT],并抛 ...

  2. md5sum使用注意事项

    1. linux 命令行的 md5sum命令 echo -n "123456" | md5sum     //echo的时候, 默认是自带回车的, 必须要去掉 -n 去掉回车. 2 ...

  3. [Bash] Search for Text with `grep`

    In this lesson, we’ll use grep to find text patterns. We’ll also go over some of the flags that grep ...

  4. mac 通过 终端 ssh 远程连接 centos 服务器

    mac 通过 终端 ssh 远程连接 centos 服务器 在终端下输入 ssh -l root 204.74.*.*      就可以连接了,这是端口没变的情况,还是原来的22 ssh -p 448 ...

  5. IDEA--java版本修改(jdk1.8改成jdk1.7)

    转载:https://blog.csdn.net/huyishero/article/details/61916516

  6. js简易美丽的提示框

    <span style="font-size:14px;">function showTips(txt, time, status) { var htmlCon = ' ...

  7. [学习笔记]overthewire bandit 通关秘籍

    1.第一关 使用putty等工具连入linux即可,注意port等设置. ls 列目录内文件: cat readme,显示文件内容,即可看到密码. 2.第二关 如何查看文件名为-的文件? cat ./ ...

  8. Django值聚合,分组,事物,cookie,session

    1,聚合(aggregate):是queryset的一个 终止语句,它返回一个包含键值对的字典,键是的名称是聚合值的标识符,值是计算出来的聚合值,键的名称是按照字段和聚合函数自动生成出来的.用到的内置 ...

  9. 【bzoj1071】[SCOI2007]组队

    sum= A*h+B*s排序 然后枚举height和speed的最小值 然后用两个指针:先枚举speed最小值,然后一边枚举v的最小值一边查询符合条件的人数. #include<algorith ...

  10. PP-判断生产订单状态(关闭)

    方法一.工单号通过 resb找到对象号 然后找到状态为I0045利用表JEST与TJ02T . 方法二.函数'STATU_CHECK' 检查工单状态为'I0045' 则为已做技术性关闭. READ T ...