编辑CSS设计在浏览器与CSS乔治

你有没有想直接编辑在浏览器不切换回来你CSS文件吗? 一个解决方案是铬开发工具但是,一些开发商喜欢更简单的工作流程的。

阅读: 网页设计:开始使用的铬开发工具

那是CSS乔治来。 这个免费的在编辑的浏览器工具工作上的小和它发起的一个简单的JavaScript文件的。

大多数开发更喜欢基于浏览器的编辑由于不是每个人都使用较少的预编译器的。 但CSS乔治并运行一个小环境可以安装迅速通过npm的。

如果你有npm安装了然后你就可以运行,这个简单的代码增加的源文件你的当前项目:

npm安装--save-dev css-乔治

或者你可以拉George.js文件 从审查在它的主持与所有其他源文件。 整个项目是免费和开放源,所以你可以下载的一个完整副本 从审查如果你不想使用npm.

与的。js文件加入到你网站的头部,你就可以开始执行乔治职能从浏览器。 到打开编辑窗口,点击tilde关键,这是可以从移+`位在左上角的大多数键盘。 一新的窗口应显示,看起来是这样的:

从这屏幕上,你可以编辑小的变量用于一切从颜色字体大小或字体的家庭。

这是我的小插件成为一个必要因为你必须告诉CSS乔治哪些变量,包括的。 一旦他们设置了,你可以开CSS乔治*编辑的浏览器,去城里。

我希望这是显而易见,这个工具不应被包括在运行时的。 除非你想让游客编辑页颜色和款式,这一般不是一个好主意。 但地测试,CSS乔治是一个罕见的工具,它提供用于所有前端开发。

你可以看到它的活在CSS乔治演示网页,或下载的一个完整副本通过npm或从想回购的。

阅读: 工作有效地与少的技巧和工具

发表评论

电子邮件地址不会被公开。 必填项已用*标注