2 天前 / Ryan众乐
本文翻译自：https://prettier.io/docs/en/plugins.html Prettier 的插件机制用于对新增语言实现格式化。Prettier 目前自己实现的对所有语言的格式化都是基于插件 API 实现的。prettier 的核心包内置了 JavaScript 以及其他 web 主流语言的格式化实现。对于其他语言的格式化支持你需要安装对应的插件。 使用插件如果插件安装在 prettier 所在的同一个 node modules 目录中，插件会被自动加载。插件包的命名必须以“@prettier/plugin-”或“prettier-plugin-”或者“@/prettier-plugin-”打头。
18 天前 / 柠檬橙
点击上方蓝色“后端技术学堂”关注后加个“星标” 最新文章第一时间看！ 正文共 4510字，预计阅读时长 10分钟 大家好我是 lemon，上次推送的文章虽然不是技术文，但热度达到了小高潮，没看过的小伙伴可以点击下面链接围观：我在一线城市买房了，靠着自己努力和。.. 仅一天时间文章阅读数就达到 1000+ ，目前为止有 16 位土豪朋友赞赏，这也是写公众号这半年来收获点赞最多、赞赏最多的文章（作为一个技术号主，高赞竟然不是技术文，哭死）。
27 天前 / Dunizb
作者：Bryan Braun 翻译：张张 原文：https://css-tricks.com/designing-a-javascript-plugin-system/ WordPress 有插件、 jQuery 有插件、Gatsby、Eleventy 和 Vue、React 也是如此。 插件是库和框架的常见功能，并且有一个很好的理由：它们允许开发人员以安全、可扩展的方式添加功能。这使核心项目更具价值，并建立了一个社区——所有这些都不会增加额外的维护负担。太好了！ 那么如何去构建一个插件系统呢？让我们用 JavaScript 构建一个我们自己的插件来回答这个问题。
41 天前 / lucifer210
点击蓝色“力扣加加”关注我哟 加个“星标”，带你揭开算法的神秘面纱！ 这是力扣加加第「14」篇原创文章 之前我做了一个视频， 介绍我的刷题浏览器扩展插件，视频地址：https://www.bilibili.com/video/BV1UK4y1x7zj/。今天我在上次的基础上增加了部分公司的显示以及优化了若干体验功能。 这个刷题插件能做什么？当你在任意非题目详情页或者我还没有收录的题目详情页的时候， 我都会列出当前我总结的所有题解。 其实我给比较经典的题目做了题解，因此这个题目数目不是很多，目前是 173 道题。
46 天前 / 凯凯刘
在被 Chrome 商店拒绝不下十次之后，我做的 Chrome 扩展插件终于重新上架，我觉得有必要记录一下，纪念下这个心酸的历程。 突然有一天，收到 Chrome 插件的邮件，说我的应用涉及用户权限的问题，需要自检，并提交重新审核。在这之前，我的应用已经发布了很多版本，一直也没遇到过这个问题，今天突然说有问题，有点莫名其妙。而且它也并不会明确告知是什么地方的问题。 您的产品不符合我们的计划政策的以下部分：用户数据隐私您的产品违反了此政策的“权限使用”部分，该部分要求您： 必须请求获得为实现该产品的相关功能或服务而需具备的最基本权限。
55 天前 / xF0rk
沃·兹基硕德小贴士 多点开源，多点爱！ TL;DR 陌陌安全本次开源一系列构建工具插件，用于检测工程项目中存在漏洞的第三方依赖组件，欢迎各位试用。从 SCA 说起企业加速业务研发，常常会使用开源技术提升研发效率。于此同时，开源组件也会引入诸多不安全因素。软件成分分析（SCA）的主要功能之一即是列出目标产品所使用的开源组件，并发现其中潜藏的漏洞隐患。本次陌陌开源的系列插件重点关注此类问题。MOSEC-X-PLUGIN 检测第三方组件的安全隐患是个两端繁重中间轻松的工作。
56 天前 / facert
最近在做 Chrome 商店插件的数据分析，监控一段时间后，发现了一些特别有趣的数据。 这次分享其中一个案例：My Recipe Finder 从名字上可以看出，是个菜谱查找工具。安装人数 10w+，看更新时间是今年 2 月份，通过版本号估计创建时间也是 2 月份。 通过我开发的监控工具发现安装量基本集中在 4 月份的几天，每天 1w 左右的安装量。 难道 Recipe 在国外是个爆款关键词，因为疫情原因，大家都在家做饭，导致搜索量暴增？ 怀着这个疑问，我查看了下介绍，也试用了插件，发现跟想象中的有点差距。
78 天前 / Ryan众乐
首发于飞冰（ICE）写文章开发 React 和 Rax 样式用这款 VS Code 插件就够了洋小风前端 26 人赞同了该文章我们通过 React 和 Rax 开发了大量的前端应用。在开发 JSX 文件时，基于代码提示和补全，代码片段，TypeScript 等方式很好的提升了页面逻辑的开发效率。而我们却经常忽略了样式的开发效率，相信你在开发样式文件的过程中，一定遇到了很多不方便的地方。 现在给大家推荐一款超好用的 VS Code 插件 Iceworks Style Helper，它可大大提升外样式文件的开发效率。
86 天前 / facert
译自：https://developer.chrome.com/extensions/getstarted 入门教程 扩展由不同但相互联系的组件组成。组件可以包括后台脚本，内容脚本，选项页，交互页面 和各种逻辑文件。扩展组件是使用 Web 开发技术创建的：HTML，CSS 和 JavaScript。扩展的组件各有其功能，并且是可选的。 本教程将构建一个扩展，允许用户更改 developer.chrome.com 上任何页面的背景颜色。我们将使用许多核心组件来介绍它们之间的关系。 首先，创建一个新目录来保存扩展名的文件。 创建 Manifest 扩展始于 manifest ，我们先创建一个 manifest.json 文件，包含如下代码。
88 天前 / ???米?开?朗?基?杨???
Docker 技术鼻祖系列 微软现在大搞副业，就是不肯在 Windows 系统上下功夫，最近又改了 GitHub UI 布局设计。核心思想是好的，利用了屏幕的宽度，首屏展示了更多的信息，元素设计上也更现代了一些。好看不好看不说，理念上的确先进了不少。 但有很多用户还是习惯以前的 UI 布局，怎么办呢？这里给大家推荐一个浏览器插件，可以让你在访问 GitHub 时使用以前的 UI 界面。插件的名字也很直接，就叫 Old GitHub UI，支持 Chrome 和 Firefox。
88 天前 / facert
今天带大家开发一个 Chrome 浏览器插件，主要功能是下载 P 站视频，如果还不知道 P 站是干嘛的，嗯......那还是不要往下看了，这趟车最好不要上。 P 站是个学习的好地方，比如看新闻联播什么的。 但他需要登录才能下载高清视频，有的视频还需要付费下载。但是这种怎么能阻挡我们学习的好奇心呢。 如何下载 P 站高清视频 打开 Devtools， 审查元素，找到 flashvars 变量，之前的版本是直接能在这个变量下看到视频地址。 现在前端做了混淆，不能直接看到，但是只要执行完 js，地址依然能轻松拿到。我们打印 flashvars_224154541 的值。
93 天前 / facert
最近在做 Chrome 浏览器扩展相关的开发，发现最新的中文资料还是 2005 年的 360 浏览器开源的文档，群里的一些小伙伴也因为某些原因看不了官方文档。所以花了点时间翻译了官方的开发文档。 Chrome 插件开发文档中文版在线地址：https://dev.crxhome.org/ 主要包括如下内容： 看完这些资料，开发一些小插件什么的绰绰有余了。 如果你对开发插件感兴趣，可以加入 Chrome 插件开发微信群，一起学习交流。如二维码过期可加 jeeeeeffer 个人微信进群。 也可以关注我的 微信公众号 获取最新 Chrome 插件开发教程。
106 天前 / why技术
持续输出原创文章，点击蓝字关注我吧 这是 why 的第 51 篇原创文章 荒腔走板 大家好，我是 why。时间过的真是快，一周又要结束了。那么，你比上周更博学了吗？先来一个简短的荒腔走板，给冰冷的技术文注入一丝色彩。 上面这张照片是我上周六的傍晚写完文章后出门跑步的时候拍的。 当时我路过这个地方看到这个画面的时候一眼就被吸引住了，直接停下了奔跑的脚步。 这是一个还没有开发完成的草坪。远处的高楼，就是成都的软件园区。软件园和草坪之间只有一条河间隔。河的对岸是工作，河的这边是生活。 我拍这个照片的时候只是觉得和谐，随手一拍。
106 天前 / vivaxy
VSCode Conventional Commits 插件可以帮助你轻松按照 Conventional Commits 规范编写提交信息。 功能支持使用项目下的 commitlint 规范。支持自动 add 和 push（需要结合 VSCode git 插件设置使用，详见插件文档）。 支持项目级别的 scope 管理。支持 Gitmoji。使用方式 示例你可以通过下面两种方式打开插件： Command + Shift + P 或 Ctrl + Shift + P，输入 Conventional Commits，然后按 Enter。点击 Source Control 操作面板上的图标。