Web Maker插件,Chrome浏览器网页代码编辑器

Web Maker 插件是一款专业易用的网页代码编辑器,该插件支持在 Chrome 浏览器中在线进行网页开发编辑与预览,用户不仅能够使用各种编辑工具进行网页编辑,同时还可以对 HTML 、 JS 和 CSS 内容进行测试,非常简单方便。

Web Maker 插件是一款专业易用的网页代码编辑器,该插件支持在 Chrome 浏览器中在线进行网页开发编辑与预览,用户不仅能够使用各种编辑工具进行网页编辑,同时还可以对 HTML 、 JS 和 CSS 内容进行测试,非常简单方便。


Web Maker
开发者工具插件2021-12-214.8
Blazing fast & offline playground for your web experiments
直达下载


Web Maker 插件开发背景


对于开发人员而言,相信对网页代码编辑器早已不再陌生,毕竟,很多人可能都已用过了不少的代码编辑器。虽然很多编辑器的功能已经十分强大,但也避免不了需要占用额外的内存,想要在线使用编辑器直接开始写代码,那这款仅适用于 Chrome 浏览器的Web Maker 插件一定不容错过。


Web Maker 插件功能介绍


作为一款适用于 Chrome 浏览器的网页代码编辑器,Web Maker 插件支持让用户使用各种编辑工具进行网页编辑,目前支持 HTML(jade 、 markdown)、 CSS(SCSS 、 LESS 、 Atomic CSS 、 Stylus)和 JavaScript(ES6 、 CoffeeScript 、 TypeScript),用户可随时随地进行导入和导出。


Web Maker 插件使用教程

Web Maker 插件使用方法

 

一、安装插件


如果有条件,可以直接在谷歌 Chrome 商店下载安装。如果无法访问 Chrome 商店,请在扩展迷下载 Web Maker 插件的安装包,解压后将 crx 文件安装到你的谷歌浏览器上。

 

二、使用方法

 

Web Maker 插件安装完成以后,将自动跳转进入网页代码编辑器编写网页代码,用户无论选择哪种编程语言,都可以使用 Web Maker 的各种预处理器,其中包括 Markdown 、 Pug 、 Atomic CSS 、 SCSS 、 TypeScrypt 和 CoffeeScript,适合希望快速尝试或练习 HTML/CSS/JS 的开发人员使用。


Web Maker 插件使用教程


如需对相关功能进行调整,用户可直接点击右下角的设置图标进入设置页面进行自定义设置。在编辑器中点击【 Add library 】按钮可以对右侧文字图标的颜色进行随机改变,编辑完成以后可以实时预览页面效果。对于创立的作品,用户可以随时随地进行查看。


Web Maker 插件使用教程

Web Maker
开发者工具插件2021-12-214.8
Blazing fast & offline playground for your web experiments
直达下载
本站文章均为原创,版权归本站所有,如需转载或引用请注明出处如:“本文章转载自:

Web Maker插件,Chrome浏览器网页代码编辑器 - Extfans”

相关标签

上一篇:Text to speech that brings productivity插件,网页文本智能朗读助手

下一篇:Haggle Online With 'PriceWaiter' For Google Chrome