VS Code 学习利器 —— 前端每日一题插件

• 本文作者 @rottenpen，酷家乐前端工程师

• 本文经作者授权发布，欢迎转载

前言

其实这个插件的第一版，我已经写了很久。当时正值国庆，也没啥事，不如就来补一下已经荒废了很久的 VS Code 插件（很久之前开发了坤坤打篮球）可惜开发一时爽，维护火葬场。维护题库太麻烦了，实在佩服那些坚持更新的大佬 ????。幸亏年前珠峰的张老师说他弄了个 VS Code 插件训练营，要不我带训练营的同学们开发一个前端每日一题 VS Code 插件，然后就有了现在的前端每日一题插件。(这样不算广告吧 hhh 反正插件大家都能免费用）

使用方法

在 VS Code 插件市场搜: 前端每日一题

在安装完插件后，VS Code 的侧边栏会出现一个 ⛰️ 的图标，选择你想做的题目，并且选择你想要的打开方式，就可以开始你的表演了。

打开面试题后，会生成一个 MarkDown 文件。把你的答案写在 Start 跟 End 中。选择提交答案，你的答案会提交到题解库中，那其他同学也能看到你的答案了。

功能介绍

目前支持的功能：

• 基本的刷题功能，每天都会更新一道面试题，看到 New 标签，就可以找到它；

• 提交你的答案：可以提交你的答案到题解库，其他同学也可以看到你的答案了；

• 题解：不会做或者写好答案之后可以看看其他同学是怎么回答的；

• 登录：珠峰的同学可以登录自己的 GitHub 账号，查看参考答案；

• 每日英语：每天我们都会更新一句英语短句和几个英语单词，大家刷题的同时别忘了学习英语哦。

对 VS Code 插件的想法

最近比较火的几款 VS Code 插件，基本都是以摸鱼为产品卖点（包括这个）

其实除了摸鱼，VS Code 插件是可以作为生产力的。例如阿里出的 Ice Works，例如我在公司内部做的一些小玩具(逃)。VS Code 可视化能力可以承担很多以前 Webpack 所负责的工程化能力。

• 可视化插入你们的组件库代码

• 可视化新增定制化的页面

• 可视化加载项目模版

• ...

VS Code 可以说是一片还没开发完的新天地，完全可以发挥起更多更加实用的作用。同时作为前端开发，我还蛮希望 VS Code 这块蛋糕能做大一点的，毕竟社区越繁荣，我们开发的体验就越好，而不光是延伸它的摸鱼能力。

最后

我们也希望大家能给我们更多意见和支持！

• GitHub：https://github.com/everest-architecture/front-end-daily-question

欢迎 Issue/PR 哦，点击文末的「阅读原文」即可访问本项目！

看完三件事

如果你觉得本文对你有帮助，我想请你帮个忙：

1. 转发本文，点赞或者点个「在看」，是对我最大的认可和支持；

2. 关注公众号「技术漫谈」，订阅更多精彩内容，获取更多学习资料；

3. 公众号后台回复「加群」，加入算法和技术交流群，与更多读者交流。

---

 

近期精彩回顾

一个的箭头引发的思考：JS 动画实现方式对比

图解 JavaScript 事件循环：微任务和宏任务

渲染一百万个网页，来了解网络是如何崩溃的

你不知道的 DOM 变动观察器

性能提升几百倍，数据结构在实际工作中的运用

自动生成组件代码—— Vue CLI 插件开发实战

浏览器专题系列 —— Web 安全问题和解决方案

浏览器专题系列 —— 本地存储汇总分析

赏个“赞”或“在看”呗~