5开发 时间格式化_2020年,前端开发者必备的10个VS Code扩展插件
全文共1689字,预计学习时长5分钟
图源:Unsplash
在2017年,VSCode有260万月活跃用户(这是我找到的最新官方数据,现在肯定更多),可以说是目前最好的代码编辑器。
它最大的一个特点是,插件多可自定义。
MarketPlace(插件商店)提供了大量扩展插件,开发人员完全可以根据需求进行自定义设置,这也有助于编写高质量的代码。
本文将为编写HTML,CSS,JavaScript以及使用VueJS或ReactJS等框架的前端工程师推荐10个VS Code扩展插件。
1. CSS Peek
CSSPeak通过识别和枚举已应用的不同样式以帮助开发者处理标记语言的类字符串和ID。这很方便,因为开发者不再需要在HTML和CSS文件之间频繁跳转。
2. ESLint
我难以评价该插件,因为它有很多追随者,但也有很多开发者不喜欢它。而毋庸置疑的是,该插件有助于编写简洁代码,如果你是JavaScript开发者,那这个下载量达2400万次的扩展插件是最好的选择。
3. NPM
所有开发者应该都认识NPM,其全称是Node Package Manager(node包管理器)。该扩展插件有助于管理Package.json,当生产环境依赖包未安装时会发出警告,并确保安装的版本正确。
4. Live Sass Compiler
LiveSass Compiler虽然很小,但功能极其强大,它可以将SASS /SCSS文件实时编译为CSS文件,并在浏览器中展示已编译样式的实时预览。
5. Debugger for Chrome
对许多开发者而言,Chrome是开发、测试和调试代码的首选浏览器。通过这个VS Code的官方扩展插件,开发者可以直接在VS Code中进行以上操作——没什么能比这更棒了!
6. JavaScript Code Snippets
此扩展插件的创建者是Charalampos Karypidis,下载量达450万次。它提供用于编写JavaScript,Typescript,React,Vue,HHTML等的代码片段,以及ES6语法支持。
7. Prettier
该插件十分简洁,编写者为Esben Petersen,下载量近1400万次。它帮助开发者格式化代码,并提供颜色关键字以使代码更具可读性。
8. Beautify
它同Prettier十分类似,是一种出色的代码格式化扩展插件,近1200万的下载量足以说明一切。可以用它格式化以JavaScript,JSON,CSS,Sass和HTML编写的代码。
9. Vetur
Vetur是官方的VueJS扩展插件,下载量逾2000万次。其功能包括:错误检查、自动补全及提供Vue代码片段。如果你也是一名Vue开发者,就能切身体会到这个插件的优秀之处!
10. Live Server
LiveServer和LiveSass Compiler的创建者是同一个人——RitwickDey。在VS Code中,LiveServer能开启一个本地开发服务器,为静态网页和动态网页提供服务。使用编辑器中的go-live按钮,开发者可以立即把代码放到服务器上,该扩展插件还支持实时刷新页面——真是太棒了!
结论
本文推荐的扩展插件并不完整,也不一定是最好的,但我希望它能为开发者提供一些好的工具来编写高质量的代码,让网页开发者如虎添翼。
如果大家发现了一些有用的工具,或其他你认为是顶级的扩展插件,记得在评论区里和大家一起分享哦。
留言点赞关注
我们一起分享AI学习与发展的干货
如转载,请后台留言,遵守转载规范
5开发 时间格式化_2020年,前端开发者必备的10个VS Code扩展插件相关推荐
- chrome插件 vscode_2020年,前端开发者必备的10个VS Code扩展插件
全文共1689字,预计学习时长5分钟 图源:Unsplash 在2017年,VSCode有260万月活跃用户(这是我找到的最新官方数据,现在肯定更多),可以说是目前最好的代码编辑器. 它最大的一个特点 ...
- vscode插件推荐2020_2020年,前端开发者必备的10个VS Code扩展插件
全文共1689字,预计学习时长5分钟 图源:Unsplash 在2017年,VSCode有260万月活跃用户(这是我找到的最新官方数据,现在肯定更多),可以说是目前最好的代码编辑器. 它最大的一个特点 ...
- 前端开发者必备google插件
前端开发者必备google插件 1 REST webservice客户端测试工具: DHC 2 谷歌浏览器json视图插件: jsonview DHC DHC的开发背景 在web开发中,服务器端和 ...
- vscode 结束_8 个给前端的顶级 VS Code 扩展插件
翻译:京程一灯 原文:https://1stwebdesigner.com/top-free-extensions-for-vs-code/ 微软的 VS (Visual Studio) Code 是 ...
- 用html5做一个介绍自己家乡的页面_(近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备...
作者 | Jeskson来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变 ...
- 前端开发者必备的 12 个工具
前端 web 开发是一个令人兴奋的领域,越来越多的需求,形成了一个高薪的职业.同时,Web 领域还有很多可靠的工作,使得 Web 开发者能够更加高效的工作. 下面是我在日常开发中经常用到的 12 个工 ...
- 前端开发者必备的代码开源平台,记得收藏转发!
作为一个前端开发者,写代码处理BUG是日常,我们可以通过去看一些大神的代码来学习大神的思路.今天小千就来给大家介绍几个国内可以访问的开源代码平台,记得收藏转发哦~ 1.GitHub 这个就不用多说了, ...
- 前端开发者必备的20个文档和在线工具
之前给大家分了很多的在线工具和参考文档,这里又为大家搜集了前端开发必备的20个在线工具和指南.新的一周,你需要计划学习新的东西或者能够提升你的能力.相信你会在这个列表中发现对你很有用的资料. 您可能感 ...
- 前端开发者必备的代码开源平台
作为一个前端开发者,写代码处理BUG是日常,我们可以通过去看一些大神的代码来学习大神的思路,今天小千就来给大家介绍几个国内可以访问的开源代码平台,记得收藏转发哦~ 1.GitHub 这个就不用多说了, ...
最新文章
- 图灵奖得主Yann LeCun:我的论文也被NeurIPS拒了
- 当别人不听我们的话的时候
- linux SPI通信超时,提高SPI时钟时通信异常的案例分享
- Linux的Configure详情
- maven 遇到failOnMissingWebXml有关问题解决方法
- HTML与CSS基础之子和后代元素选择器(八)
- 高德地图-2D地图下区域遮掩(只显示固定区域里的内容)
- 25 人以下,免费!
- 详解:Oracle数据库介绍 、字符、类型、语言
- P4213 【模板】杜教筛(杜教筛)题解
- Atitit mybatisutil 模块测试功能列表 1.1. mybatis读取mapper配置的sql语句 使用xml类库	1 1.2. Mybatis替换参数工具类型	3 Itfs pn
- hadoop安装教程(一次填完所有的坑)
- android adb sdk下载地址,Android SDK 下载和安装
- 域策略(3)——限制用户使用USB移动存储设备
- Windows下USB驱动开发入门小结
- 计算机网络安全 填空题,计算机网络安全技术选择填空复习题
- Intro to Copy Elision and (N)RVO
- Linux pxe 安装
- 易快报对接飞书的五个关键步骤
- 数字营销社区:2022年中小企业SEO策略「Google SEO果园策略方案」
热门文章
- py2exe支持python3.6_使用Py2Exe for Python3创建自己的exe程序示例
- 空间滤波_空间频率 、 光波方向 与 空间滤波 4f系统
- python利用集合的无重复性_利用Python程序完成ABAQUS中的一些重复性操作
- hackintool怎么重建缓存_mysql表数据装满了怎么办?自增id引发的bug。
- 结束下面sql块_oracle: PL/SQL基本结构,语法,变量
- 5 加盐_清洗桑葚时,有人加盐有人加碱,都不对!教你正确做法,太干净了
- python字典添加列表,将Python字典/列表插入到SQL数据库中最有效的方法是什么?...
- php jq ajax 4个下拉框联动案列,AJAX_AJAX实现下拉框联动,想当年,为了实现三级联动, - phpStudy...
- oracle subset-superset pairs,Oracle 字符集
- Wine 2.10 发布,Windows 应用兼容层