1
lanceli 2014-04-03 09:31:07 +08:00 1
|
2
jsonline 2014-04-03 09:32:15 +08:00 via Android
不要做东刷新,太烦了,在我不想刷新的时候刷新
|
3
holystrike 2014-04-03 09:35:26 +08:00
WebStorm 支持实时编译 less sass
代码里还是链css文件,只要在WebStorm里一保存less,刷新浏览器就能立刻看效果了 |
4
holystrike 2014-04-03 09:36:53 +08:00
审查元素可以用一个 .map 文件来做,chrome dev tool 打开 source map 功能
可以参看 bootstrap 的 .map 源码 |
5
nijux 2014-04-03 09:43:41 +08:00
文件修改的话因为文件组织的比较好,基本上知道在哪个文件哪个位置
Koala 做文件自动的编译,Windows平台下挺好用的,试过其他的几个工具都有各中小问题。 LiveReload 配合chrome 的插件做实时刷新,反映有些慢但还过的去 |
6
leohxj OP @lanceli
@jsonline @holystrike @nijux LiveReload我在用,但是每次我修改LESS都给我刷新,如果我要看的页面载入时间较长,还是不方便。 关于map文件,生成之后我能在审查元素看到对应的行号,但是当我修改了审查元素的属性时,对应的less文件就变成了css文件。各位可以实验一下,不知道是否是我个人问题。 |
7
d0a1ccec 2014-04-03 10:49:29 +08:00
|
8
foru17 2014-04-03 15:33:11 +08:00 1
https://github.com/foru17/StaticPage
我是用这么一套 grunt + sass + watch +chrome的sourcefile Sass 3.3+后默认有个sourcemap,开启就可以了 |
9
leohxj OP |
10
oklai 2014-04-03 17:17:29 +08:00
推荐node-livereload, 当css被修改后,重载该css, 注意并不是刷新页面,体验很棒。
|
11
oklai 2014-04-03 17:17:54 +08:00
|
12
leohxj OP @foru17 请问你那个staticPage里面那个树形结构是怎么生成的:
newProject/ | |-----assets //dev模式下css、js、images等集合 | |-css | |-js | |-images | |-----build //最终生成的纯净文件夹 | |-assets // | |-css | |-min.style.css // 最终生成的为压缩版本的css | |-js | |-min.v.js // 最终生成的为压缩版本的js | |-other.js // 其他样式表 | |-images | | |-favicon.ico // 静态页的ico | |-index.html | |-README.md // 附上MD文档 | |-此处根据项目需求,引入不用文件 | |-----css // 样式表开发目录 | |-sass // 推荐使用Sass | |- _481up.scss | |- _768up.scss | |- _base.scss | |- _mixins.scss | |- _reset.scss // 此处可用normalize.css样式,也可以根据项目需求自定义 | |- style.scss // 此处为Sass基础文件 ,在此处根据需求@import 样式 | |-style.css // Sass编译处理生成的样式表为style.css,也可直接编辑此样式表 | |-style.css.map // 若使用Sass --pre 版本,可使用sourcemap功能(注:2014年3月发布的Sass 3.3默认支持sourcemap) | |-----js //JavaScript相关 | |-base.js // 基础样式在这里,最终压缩为min.v.js | |----- .node_modules / // npm安装依赖包所在文件夹 | |-----.gitignore // 默认使用git,配置好gitignore文件 |-----.ftppass.json // 保存FTP帐号和密码的文件,请注意安全,建议添加到gitignore文件中 |-----Gruntfiles.js // grunt配置文件 建议先阅读配置 |-----package.json //g runt依赖包配置文件 |
15
10yearsme 2014-12-05 12:25:43 +08:00
@foru17 Hi~我是广志,十年后(10years.me)的运营经理。我刚刚看到你的回答和v2ex上的其他交流,感觉和我们的技术和团队风格都挺合拍 ,希望可以聊聊。十年后是一个基于梦想的社交网络,我们想用它让年轻人的生活更有未来性,网站是去年年末上线的。我们上个月刚拿到创新谷VC百万元天使轮融资,现在在招募Web前端开发的人才。可以加我的微信lgz715314聊聊,交个朋友也不错:)
|