glitch 的中文翻译是格利奇，小差错？？？

使用 glitch 的一大便利之处是可以省去本地搭建 web 开发环境的步骤，完成代码的自动部署，以及方便的将项目分享给其他朋友。这一切都发生在浏览器里。

点击 join today，可以直接用 Github 的用户名和账号登录。

使用 Github 账号登录，每个月的 free quota 是 1000小时：

每当一个项目被编辑时，或者被其他用户访问时，quota hour 就开始扣减了。

登录之后，当月剩余的 quota 在 dashboard 里查看：

每个应用在 container 里运行，最多只能消耗 200 MB 磁盘空间，以及 512 MB RAM.

glitch 支持六种项目模板：

Glitch In Bio

这是一个静态 web 页面的模板。

新建一个项目：

glitch 会自动生成一个项目框架：

如果只是处于 demo 用途，这些 meta 标签都可以删除：

todo.md 里提供了一些练习步骤，可以照着一步步在 index.html 里逐步完善：

比如 img 标签包含的 illustration 类，

在 style.css 里定义了当元素处于 active 状态时，

active 选择器除了 a 标签外，还可以用于其它任何标签上。

如果一个 glitch 项目没有包含下列这三个文件，这个项目就被认为是一个静态项目：

package.json
requirements.txt
glitch.json
https://help.glitch.com/kb/article/38-what-types-of-apps-can-i-make-on-glitch/

使用 Show in a new Window 可以在一个全新的窗口里打开页面：

调试的话，和普通 web 应用一样，直接在脚本里设置断点即可。

Sources 面板下的文件很干净，没有太多乱七八糟的 glitch 特定文件。

点击这个 share 按钮，就能将项目的 url 和项目编辑地址发送给其他开发人员进行分享，非常方便：

更多Jerry的原创文章，尽在：“汪子熙”:

web 应用在线编辑器 glitch 简介相关推荐

使用在线编辑器创建 SAP UI5 项目并运行
在按照本文动手尝试之前,请先阅读这篇文章学习 glitch 最基础的用法:web 应用在线编辑器 glitch 简介. 新建一个类型为 glitch-hello-website 应用: 此时会生成如下 ...
制作WEB在线编辑器-插入HTML标签
以前认为WEB的在线编辑器无非就是对输入内容的替换以及快捷的插入HTML代码,但是做的时候却发现虽然原理是那样,但是实现方法并非我想的那么死板.由于很少做UI上的东西所以到现在才知道在document ...
Web Editor插件网页在线编辑器
简介: Web Editor插件是一款简单好用的网页在线样式编辑工具,可以帮助你直接修改当前网页上的几乎所有元素,帮助你更改网页中的图片和文字,制作出你想要的效果, 并且不需要任何专业技术,有需要的 ...
开源的在线html编辑器,22个国外的Web在线编辑器收集
1. TinyMCE 免费,开源,轻量的在线编辑器,基于 javascript,高度可定制,跨平台.2. FCKEditor 免费,开源,用户量庞大的在线编辑器,有良好的社区支持.3. YUI Edi ...
Java Web实用开发技术(4)------在线编辑器
在线编辑器是一种通过浏览器等对文字.图片等内容进行在线编译修改的工具,让用户在网站上获得"所见即所得"效果.例如:实现诸如留言板.论坛.新闻发布等Web模块时,经常用到在线编译器, ...
基于web的在线复杂公式编辑器的实现
基于web的在线复杂公式编辑器的实现直接调用word的公式编辑器,关键是解决web调用word,借用word的公式编辑器,解决在线编辑公式的问题.如何在线使用word是关键所在. 由于能力问题没有解 ...
在线富文本编辑器-基于Web的HTML编辑器大全（一）
基于WEB的HTML 编辑器,WYSIWYG所见即所得的编辑器,或是一个富文本的编辑器,是我们在开发WEB应用和内容管理系统时接收用户输入时必需要考虑的问题.下面是网上牛人收集的一些开源的WEB在线的 ...
web在线编辑器与在线文档盘点
文章目录前言在线编辑器需要哪些功能? 开源的web编辑器 Monaco Editor ProseMirror tiptap Milkdown 掘金markdown编辑器字节的Syllepsis ...
java web 编辑器_基于Java+web的在线Java编辑器 PDF 下载
主要内容: 近些年,互联网技术飞速发展,越来越多的人接触到了编程语言,同时更多的人愿意去了解学习编程语言,但由于以往的编程语言编译器安装复杂,且部分还需要配置环境,所以一些想学习编程语言的人 ...

web 应用在线编辑器 glitch 简介

Glitch In Bio

web 应用在线编辑器 glitch 简介相关推荐

最新文章

热门文章