Mendeleev.io在线化学引擎
在线化学项目的构建流程,Mendeleev.io 真的挺顺的。前后端分离,代码结构清晰,适合用来练手 Node.js、Gulp 和 Bower 的配合玩法。开发环境起得也快,gulp dev
一开,自动编译、热更新都安排得明明白白。
安装直白,npm install
装依赖,bower install
拉前端包。LESS 转 CSS、JS 语法检查这些也都走 Gulp 流程,自己维护的时候会省不少事。你要是第一次玩 Gulp,建议直接复制文档里的指令操作一遍,流程就清楚了。
gulp dev
这个命令蛮方便的,不用你手动重启啥,一改文件服务器就自动重启。还监听所有 JavaScript 和 LESS,一改就检查错误并编译,开发效率提升一截。
哦对了,服务默认跑在 localhost:8010
,你要换端口可以改下 gulpfile.js
里头的配置。跑起来后你就能看到一个小型在线化学平台页面,挺适合做教学演示或者实验辅助工具。
如果你对 Node.js 工具链还不太熟,推荐你看看这些资料:Node.js 与 NPM 版本,还有Grunt 和 Gulp 区别,对你理解流程挺有。
,Mendeleev.io 不光能让你玩转前端工程流程,还能顺手学点化学,挺值的。你要是正好在学 Node.js 或者想练练前端构建,那可以试试它。
176.53KB
文件大小:
评论区