Web Maker插件 - 前端代码编辑

发布时间: 编辑:chromegood 0人评论 1346次浏览 Chrome开发者工具插件
直达下载
摘要 : Web Maker插件是一款可以快速在浏览器上打开并编写网页代码的chrome插件。它可以将我们浏览器的选项卡(可选) 转换成 web 编译器,我们可以在其中编写 HTML、CSS 和 JavaScript,同时还可以实时预览页面效果,支持离线使用。

Web Maker插件背景简介

作为一名程序员他的基本工作就是码代码,因此大多数工作时间都是在和代码编辑器打交道。我们网站介绍了许多的代码编辑器,比如文本编辑工具Notepad++UltraEdit代码编辑器 ,它们的功能十分的强大。但是在一些需要快速记录代码的紧急场合中,打开这些编辑器编辑代码就显得比较麻烦了。因此一款可以快速打开并编辑代码的软件就必不可少了,今天小编就为大家带来了这样一款插件Web Maker。

Web Maker插件简介

Web Maker插件是一款可以快速在浏览器上打开并编写网页代码的chrome插件。它可以将我们浏览器的选项卡(可选) 转换成 web 编译器,我们可以在其中编写 HTMLCSSJavaScript,同时还可以实时预览页面效果,支持离线使用。使用该插件后让你的谷歌浏览器就会拥有即时编辑代码的功能。只需点击插件图标即可在新窗口中进行工作,能够帮助使用者快速编辑代码,并且能将代码自动保存。

Web Maker插件简介

Web Maker插件功能

1、离线工作。
2、支持预处理:HTML(jade,markdown),CSS(SCSS,LESS,Atomic CSS,Stylus)和JavaScript(ES6,CoffeeScript,TypeScript)。
3、内置控制台。
4、使用自动保存保存并加载您的作品。
5、随时随地进出口所有作品。
6、多个编辑器主题和其他可配置的设置。
7、字体选项+使用任何系统字体。
8、代码自动完成。
9、很容易访问只需在Chrome中打开一个新标签页,并可配置设置。
10、具有保存的折叠状态的多个布局。
11、另存为HTML文件。
12、在CodePen中编辑。
13、预览截图捕获。
14、在Github上开源。

Web Maker插件安装使用

1、Web Maker插件离线安装的方法参照一下方法:老版本Chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。

Web Maker插件安装使用

2、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

3、点击右上角的Web Maker插件图标,打开它的主界面,在主界面里,使用者可以编写网页代码包括HTML、CSS和JavaScript。

Web Maker插件安装使用

4、若是想要对插件的功能进行一些调整的话,点击右下角的齿轮按钮即可打开设置窗口进行设置。

Web Maker插件安装使用

5、点击“Add library”按钮可以随机改变右侧文字图标的颜色。

Web Maker插件安装使用

6、你可以随时随地进出口所有作品。

Web Maker插件安装使用

7、编辑完成后还可以实时预览页面效果。

Web Maker插件安装使用

Web Maker插件更新日志

v4.0.2
新的大修用户界面。注意,文件”模式当前仅在Web应用程序中可用。
v.3.4.0
模板,Js13kGames模式等等!
v.3.3.0
移植到Preact.js
v.3.0.0
Web Maker现在作为Web应用程序-> https://webmakerapp.com/app/
v.2.9.7
添加了Tailwind CSS,更新了流行库,并重构了代码。
v 2.9.5
外部库UX,窗格折叠和错误修复方面的改进
v.2.9.0
分离的预览,Atomic CSS配置,查找/替换,更多设置和错误修正。
v.2.8.0
自动保存,自定义系统字体,可配置的自动完成功能,匹配的标签突出显示,错误修正和改进
v.2.7.1
许多错误修复和较小的改进
v.2.7.0
音叉功能,字体,错误修正和改进
v2.6.1
几个错误修正。
v2.6.0
添加了内置控制台。
v2.5.0
搜索已保存的项目,Atomic CSS支持,更多可配置的设置和错误修正。
v2.4.3
来自stripe.com的白名单脚本。
v2.4.2
改进的无限循环保护。
v2.4.0
导入/导出,编辑器主题,更多设置,vim绑定,添加库策略更改。
v2.3.2
入门方面的改进,默认情况下不会替换新标签页,并且不会更新babel。
v2.3.0
预览屏幕截图捕获(为此需要新的下载权限),键盘导航,自动代码对齐和错误修正。
v2.2.2
自动补全中的错误修正
v2.2.0
代码自动完成,全屏预览,SASS支持和错误修正。

Web Maker插件联系方式

提供方:https://webmaker.app

查看更多

Web Maker插件 - 前端代码编辑 下载地址

点击下载Web Maker插件 - 前端代码编辑

转载必须注明来自:https://huajiakeji.com/web-development/2020-11/4116.html

egret inspector插件

egret inspector插件

0 人评论 1125 次人浏览 3.0分 3.0 分
egret inspector是一款由白鹭时代推出的一款能够帮助开发者可视化地调试Egret项目的插件,用以检查显示对象位置,查看或者编辑对象属性等。
jquery.qeditor富文本编辑器

jquery.qeditor富文本编辑器

0 人评论 917 次人浏览 3.0分 3.0 分
jquery.qeditor富文本编辑器免费版是一个jquery插件,作为一个富文本编辑器,界面干净整洁,非常适合于小博客或功能排版功能较少的页面。
文本编辑工具Notepad++

文本编辑工具Notepad++

0 人评论 1758 次人浏览 3.0分 3.0 分
文本编辑工具Notepad++可谓是程序员必备的文本编辑器,软件小巧高效,支持27种编程语言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等,推荐各位下载使用。Notepad++ 可完美地取代微软的记事本。
Amino: Live CSS Editor

Amino: Live CSS Editor

0 人评论 3043 次人浏览 3.0分 3.0 分
Amino: Live CSS Editor是Chrome浏览器扩展程序,用于编写可持久保存的用户CSS。使网络成为您想要的!
Brackets - 一款免费的前端开发工具

Brackets - 一款免费的前端开发工具

0 人评论 2686 次人浏览 3.0分 3.0 分
Brackets是一款现代化的文本编辑器,具有集中的可视化工具和预处理器支持,可轻松在浏览器中进行设计。它是专为网页设计师和前端开发人员设计的。
AlloyDesigner - 前端开发工具

AlloyDesigner - 前端开发工具

0 人评论 9527 次人浏览 3.0分 3.0 分
AlloyDesigner是一款免费的web前端开发工具,它可以直接嵌入你的Web页面中运行,帮助你精准、高效的构建Web页面的UI。
AngularJS Batarang - Angular调试插件

AngularJS Batarang - Angular调试插件

0 人评论 9471 次人浏览 2.3分 2.3 分
angularjs batarang插件是一款功能强大的可以安装到谷歌浏览器上使用的Angular调试插件,安装使用这款angularjs batarang插件可以让你在开发过程中更加便捷。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?