LiveStyle插件的使用方法
【LiveStyle插件的使用方法】LiveStyle是Chrome中提高开发效率的一款CSS编辑器插件。利用LiveStyle和Sublime Text3编辑器结合可实现可视化开发,一次配置,简单易用!
LiveStyle官方网站:http://livestyle.emmet.io/.注意:如果有梯子会显著提升打开速度!
LiveStyle和Sublime Text3配置说明
一、安装并启动Chrome浏览器,进入Chrome APP站点:https://chrome.google.com/webstore/category/apps搜索:LiveStyle可以看到下图并点击安装启用
文章图片
我这里已经安装 二、下载Sublime Text3编辑器
点击下载Sublime Textile3
三、用Chrome打开需要编辑的地址,右键点击查看网页元素,可看到下图。
文章图片
四、打开已经安装好的Sublime Text3,到Chrome里查看已经自动挂接上Sublime了。
文章图片
在sublime Text 中打开一个 css 文档。回到浏览器查看并设置同步
文章图片
此时在Chrome代码查看器中编辑您的CSS,即可同步到您在Sublime Text中打开的CSS文件中。或者在Sublime Text中编辑您的CSS也可义在浏览器中同步显示页面效果!
到这个时候已经全部都结束了,没有问题!可以开始幸福的生活了...
推荐阅读
- 热闹中的孤独
- JAVA(抽象类与接口的区别&重载与重写&内存泄漏)
- 放屁有这三个特征的,请注意啦!这说明你的身体毒素太多
- 一个人的旅行,三亚
- 布丽吉特,人生绝对的赢家
- 慢慢的美丽
- 尽力
- 一个小故事,我的思考。
- 家乡的那条小河
- 《真与假的困惑》???|《真与假的困惑》??? ——致良知是一种伟大的力量