-
插件大全查看全部
-
前端快速开发工具查看全部
-
LiveSytle LiveReload Broswer-Sync查看全部
-
静态网站与动态网站的启动方式查看全部
-
总结查看全部
-
豆腐干豆腐查看全部
-
gulp查看全部
-
和livereload相似之处，1、对所有的文件都可以实时更新。2、也都是单向的，只能通过文件修改页面不能通过页面修改文件，3、都支持chrome脚本 区别：1、browser sync只依赖nodejs插件，不依赖浏览器插件。2、局部刷新。3、可以实现手机浏览器或者pc浏览器，多个浏览器之间的同步。包括视图同步和交互的同步 在安装nodejs之后，只需要在终端输入npm install -g browser-sync 就可以了。（我也不知道能不能安装成功，毕竟我写笔记的时候，还没反应。。。。草，全是问题。失败了） Browsersync能让浏览器实时、快速响应您的文件更改（html、JS、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、Android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动”。 然而我并没有安装成功，气人哦查看全部
-
我的是mac，以下是我自己安装过程。 我的package control 不能用，手动安装的。 1、livereload下载地址为：https://codeload.github.com/Grafikart/ST3-LiveReload/zip/master 下载之后，放在Preference-browse package文件夹下面。 手动安装时，注意修改文件夹名称为liverload。 2、mac版的liverload需要nodejs，而且需要配置，其中nodejs下载地址为：https://nodejs.org/dist/v6.9.2/node-v6.9.2.pkg 3、需要修改配置： Preference>Package Settings>LiveReload>Settings User { "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ] } 4、另外需要，必须在chrome 设置 》更多工具》扩展程序》勾选允许访问网页文件。然后打开网页后，点击小圆点，空心小圆点变成实心的，就可以了。每次需要刷新，command + s 就可以了查看全部
-
正确的是先安装nodejs，npm只是作为一个NodeJS的模块管理。想吐槽，新手都不知道还有Nodejs查看全部
-
1、 livestyle支持三种文件： css less scss 也就是说，你修改HTML文件，或者JavaScript文件，网页并不能改变的。 2、首先安装两个插件。注意，如果packageController装不上的话，可以也可以手动安装，我看到网上教程如下：http://www.jianshu.com/p/d23ff3cf1d33 另外可以，必须在chrome 设置 》更多工具》扩展程序》勾选允许访问网页文件 3、在sublime中修改后，马上就可以改变了，不需要先保存，或者打开新的网页，挺方便的。 4、网页中修改styles，sublime文件代码会相应改变。 可以双向也可以单项，livestyle图标打开，双向箭头可以设置。（本大人的没有修改成功）关于如何在网页中修改Styles： Mac 下的Chrome 按什么快捷键调出页面调试工具? (Command - Option - I) 键可打开开发人员工具。 如果遇到某个图片禁止用右键查看与下载, 可以调出开发人员工具, 点击查看 icon, 查找到真正的图片地址, 在新的Tab中打开, 就可以右键下载到本地了. 5、还可以修改scss文件，不细说了。查看全部
-
很好啊，学习啦。谢谢！查看全部
-
aaa查看全部
-
三种方案的整体对比查看全部
-
三种前端实时可视化方案对比查看全部
举报
0/150
提交
取消