Mendeleev.io在线化学引擎

在线化学项目的构建流程,Mendeleev.io 真的挺顺的。前后端分离,代码结构清晰,适合用来练手 Node.js、Gulp 和 Bower 的配合玩法。开发环境起得也快,gulp dev一开,自动编译、热更新都安排得明明白白。

安装直白,npm install装依赖,bower install拉前端包。LESS 转 CSS、JS 语法检查这些也都走 Gulp 流程,自己维护的时候会省不少事。你要是第一次玩 Gulp,建议直接复制文档里的指令操作一遍,流程就清楚了。

gulp dev 这个命令蛮方便的,不用你手动重启啥,一改文件服务器就自动重启。还监听所有 JavaScriptLESS,一改就检查错误并编译,开发效率提升一截。

哦对了,服务默认跑在 localhost:8010,你要换端口可以改下 gulpfile.js 里头的配置。跑起来后你就能看到一个小型在线化学平台页面,挺适合做教学演示或者实验辅助工具。

如果你对 Node.js 工具链还不太熟,推荐你看看这些资料:Node.js 与 NPM 版本,还有Grunt 和 Gulp 区别,对你理解流程挺有。

,Mendeleev.io 不光能让你玩转前端工程流程,还能顺手学点化学,挺值的。你要是正好在学 Node.js 或者想练练前端构建,那可以试试它。

zip 文件大小:176.53KB