本文从一款前端开发编辑器的基本需求出发,推荐在VSCODE使用过程中让人愉悦的一些插件。

本文目录

代码补全

运行调试

代码同步

生产化

效率

编辑器主题

前言

如何在VSCODE中安装插件

Ctrl + Shift + P 或者点击左侧快捷图标打开扩展(Extentions)。

选择 “Extensions: Install Extensions”。

在左侧搜索需要的插件安装即可。

多设备

你需要用 Settings Sync 这个插件在不同的设备同步你的

VSCODE 设置和插件。

1 代码补全

HTML Boilerplate

通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

HTML Snippets

超级实用且初级的 H5代码片段以及提示

HTML CSS Support

让 html 标签上写class 智能提示当前项目所支持的样式

新版已经支持scss文件检索

Path Intellisense

自动路劲补全,默认不带这个功能的,赶紧装

2 运行调试

Open In Browser

由于 VSCode 没有提供直接在浏览器中打开文件的内置界面,所以此插件在快捷菜单中添加了在默认浏览器查看文件选项,以及在客户端(Firefox,Chrome,IE)中打开命令面板选项。

Quokka.js

Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。

Regex Previewer

实时测试正则表达式。

Debugger for Chrome

微信读书vscode插件_VSCODE插件推荐相关推荐

  1. 微信读书vscode插件_推荐 10 款有趣的 VSCode 插件

    如果你知道 VSCode,一说起它,你可能第一个想到的就是把它当做一个代码编辑器,而它的界面应该可能大概率是这样的: 如果你恰好又是个程序员,那你可能经常会用到它,不管是 Python.JS 还是 C ...

  2. 微信读书vscode插件_vscode 常用的插件

    这些是本人在使用vscode中用的比较爽的插件,个人爱好习惯不同,请按需拿取.先声明本人是一个前端,所用的,插件都是和前端匹配的,后台的同学可以不用浪费时间了 基础插件 chinese 英文是所有读书 ...

  3. 微信读书vscode插件_曾经我以为 VSCode 是程序员专属的工具,直到发现了这些……...

    如果你知道 VSCode,一说起它,你可能第一个想到的就是把它当做一个代码编辑器,而它的界面应该可能大概率是这样的-- 如果你恰好又是个程序员,那你可能经常会用到它,不管是 Python.JS 还是 ...

  4. 微信读书vscode插件_跟我一起读源码 – 如何阅读开源代码

    阅读是最好的老师 在学习和提升编程技术的时候,通过阅读高质量的源码,来学习专家写的高质量的代码,是一种非常有效的提升自我的方式.程序员群体是一群乐于分享的群体,因此在互联网上有大量的高质量开源项目,阅 ...

  5. 微信读书vscode插件_快来!让这款 VSCode 插件吹爆你的彩虹屁!

    公众号关注 "GitHubDaily" 设为 "星标",每天带你逛 GitHub! 大家好,我是小 G.不知道你们是否还记得,在去年三月份的时候,曾因在微信群内 ...

  6. sublime的vscode主题_vscode插件主题

    vscode插件记录和主题建议 Auto Close Tag + 自动闭合标签 Auto Rename Tag + 双标签更改时自动同步 Beautify + 代码美化工具 Bracket Pair ...

  7. vscode自动填充地址插件_VSCode插件制作:HTML代码自动填充

    Visual Studio Code不但跨平台,还有良好的扩展性.我们可以在Visual Studio Marketplace上找到各种各样的插件.这里分享下怎样制作一个简单的用于代码填充的插件. 自 ...

  8. 无规则弹窗自动点击插件_vscode 插件会了吧,英语不好的赶紧下载 自动分析源码中的陌生单词、点击朗读单词...

    名字非常土:会了吧! Solgan 还在因为 变量中 包含不认识的单词 头大吗? 还在因为 看不懂 英文注释/文档 掉头发吗 ? 还在因为 各种机器翻译的内容 云里雾里吗 ? 您的救星来了!!!用了& ...

  9. VSCode 插件开发实例(WebView):微信读书 ^-^边撸代码边看小说^-^

    最终效果 主要代码 package.json {"name": "WeReadForVSCodeJackieZheng","repository&qu ...

最新文章

  1. 1.一些 贪心算法 的简单思维题:
  2. centos sudo不能运行_Linux操作系统中sudo的使用和sudoers配置
  3. 腾讯云入选云原生产业联盟首批理事单位 助力生态发展与产业落地
  4. 开发中我们谈的产品化是什么?阿里是怎么看待产品化?
  5. ubuntu下面的报错Call to undefined function curl_init()
  6. 如何保持纯洁男女关系……
  7. 【转】DICOM通信 - PDU数据包(1)
  8. python浙江大学城市学院_GitHub - teribsandy/zjcs-tf-code: 浙江大学城市学院的tensorflow项目教学代码(部分)...
  9. python 柱形图_如何利用python 中的pyecharts包绘制柱形图
  10. MYSQL-主键、外键
  11. 剑指offer答案python_剑指offer(python)(未完)
  12. 无线通信技术-NB-IoT
  13. 虎爸虎妈看过来,AI时代,陪孩子玩什么游戏?
  14. ASP.Net使用ADSI操作IIS遇到的0x80070005等问题研究记录
  15. Java金额大写转换
  16. Matlab中产生门函数----Heaviside函数的调用方法
  17. 外星人x15、x17 2022款 怎么样
  18. 来自 Google 的高可用架构理念与实践
  19. Cy3花青素荧光染料,(CAS:146368-13-0 )
  20. 《R语言与数据挖掘》⑥-⑦分类与预测建模【分类算法评价】

热门文章

  1. 每一个值从a到z的顺序排序,若遇到相同首字母,则看第二个字母,以此类推
  2. ADB push 错误
  3. 机器学习一百天-day3多元线性回归及虚拟变量陷阱分析
  4. 关于Bert模型参数的分布
  5. 模糊推理-图像边缘检测算法(min-max重心法)
  6. Matlab编程语言(五)--条件语句
  7. c语言双重for循环流程图_循环三巨头—之for,while与do while
  8. window 10 电脑创建共享文件夹
  9. PTA目录树(使用字典树)
  10. python语言创意绘画-Python街机模块的draw系列绘画例子集合