我写了本掘金小册【升级网络游戏】

2019-10-09 10:41 来源:未知

能够毫不夸张的说,这本小册大概是日前社区中最完整的把 npm script 和前端专门的学业流相结合併选取到实际项目中的文字 + 录像版教程了。

互连网大潮和前端社区的如日中天让现代前端项指标扑朔迷离比 5 年前翻了重重倍,前端专门的学问流中也应时而生了更增添工程化的环节,举个例子代码风格检查、自动化测验、自动化营造、自动化铺排、服务监督、信任处理等。

小编们面前境遇哪些难点?

超越四分之二前端技术员的职业流恐怕都离不开 gulp、grunt、webpack 那样的重量级创设筑工程具,而是或不是能听得多了自然能详细讲出来应用那个工具将再度职分自动化也是技术员素质的要害突显,笔者自个儿也是那几个自动化学工业具的忠心赤胆观者,因为它们确实能帮自身化解难点。但几番灾荒之后,你大概早已像自个儿同一感受到鲜明的痛点:比方对插件注重严重(开辟者的自由度受限),插件和尾巴部分工具文档脱节,调试变的更头昏眼花等,在那点上,大家并不孤独,社区早已有人对下面的难题作出总括并写了稿子:Why I left gulp and grunt for npm scripts。

就本身要好的亲身经历,作者曾接手维护过使用了 39 个 gulp 插件的连串,因为项目运行较早,部分插件所重视的根底工具版本都比较老,当这么些插件所正视的功底工具进级之后,gulp 插件自身并不曾更新的那么快,笔者不得不 fork 原仓库去爱抚当中的版本,而当 gulp 公布了新本子之后,进级插件更是一场艰难的长久战。

空荡荡思虑下来,上边这种复杂其实并未必要,在软件工程里面有个关键的尺码,正是轻巧性,越是轻易的东西越来越可信赖,从概率论的角度,任何系统环节越来越多牢固性越差。

咱俩该怎么消除难点?

相比来说,直接运用 npm 内置的 script 机制已经被过多开垦者证明是更加好的选择,它能缓慢解决乃至免去下面的痛点:你能够直接使用海量的 npm 包来成功你的天职、无需在插件文书档案和基本功工具文书档案间来回切换,最珍视的点,不选拔grunt 之类的创设筑工程具能令你的本领栈相对更简明,而我在做本领接纳是按部就班的大旨规范是轻便化,轻易才有极大恐怕轻易令人家上手。

选用 npm script 种种基础工具你都能够随手拈来,只要您会动用 npmjs.com 去搜索,或者去 libraries.io 上搜索。

想必有同学会反问,Talk is cheap, show me the data,下面那张图是最佳的求证:

升级网络游戏 1

更精确的数据是:截止 2017年11月,grunt 插件 6309 个,gulp 插件 3367 个,webpack 插件数量 2174 个,而 npm 包多达 594438 个,并且还在飞速增长

那 npm script 为何没有未有在创设筑工程具中变为主流呢?大概抢先八分之四人感到使用 npm script 须要很强的吩咐行功底、或然它非常不够有力、或许它不可能跨平台。能够很负总责的说,社区上扬到今天,上边的忧郁都以多余的。

什么越来越快更加好的解决难题?

那也是掘金队(Denver Nuggets)小册《使用 npm script 创设超溜前端工作流》的切入点,小编在那本小册中会用 step-by-step 的方式教授当代前端专业流中的 npm script 用法。纵然你是命令行小白,也能轻轻易松跟上,小册会以实际前端项目为底板稳步介绍更加高阶的话题。学完那本小册,你将纯熟使用 npm script 塑造前端职业流要用的各个小工具和技能。

小册的内容划分为 4 篇:

  • 入门篇:创造和平运动作 npm script,熟稔和理解基本套路,分 3 小节;
    • 1.1 成立并运转 npm script 命令
    • 1.2 运营五个 npm script 的各种姿势
    • 1.3 给 npm script 传递参数和增进注释
  • 进级篇:原本 npm script 仍是能够这么用?分 3 小节,介绍生命周期机制、内置和自定义变量的申明和使用、命令行自动补全等话题;
    • 2.1 使用 npm script 生命周期钩子
    • 2.2 在 npm script 中动用情状变量
    • 2.3 完结 npm script 命令自动补全
  • 高阶篇:怎样管理复杂的 npm script?分 3 小节,介绍;
    • 3.1 让 npm script 跨平台包容
    • 3.2 用 scripty 管理复杂的 npm script
    • 3.3 用 node/shell 脚本取代复杂的 npm script
  • 实战篇:怎么样用 npm script 来协助前端工作流?分 5 小节;
    • 4.1 监听文件变化并活动运转 npm script
    • 4.2 结合 live-reload 达成自动刷新
    • 4.3 在 git hooks 中运行 npm script
    • 4.4 用 npm script 完毕构建流水生产线
    • 4.5 用 npm script 实现劳务自动化运营

为了便利大家阅读小册时尤其轻便上手,自己为小册的各样章节都摄像了录像教程(录制下载地址在小册末尾),想打听作者摄像教程风格和品质的同班能够看本身专栏的历史篇章:styled-components、javascript-async-await。摄像目录如下:

升级网络游戏 2

video-toc.png

契合哪些群众体育?

  • 拥抱 无情的推动自动化 开垦思想的技术员,不限前端;
  • 感受到 grunt、gulp 之类工具的笨重和困难,想要更轻量级的缓慢解决方案;
  • 想玩转 npm script,不断打磨自个儿硬才干,升高普通工效的同校;
  • 愿意因为本身编写小册和录像录像而付出的头脑而请作者喝杯咖啡(19.9元)的校友;

你会学到什么?

  • 知情使用 npm script 的机要知识要点;
  • 左右 25 个 npm script 实战技术,章节虽少,不过各类章节都以收缩的;
  • 收获使用 npm script 和种种小工具消除各样前端工程自动化要求;
  • 赢得本身久久积累和迭代出来的 npm script 群集,直接行使到品种中;

你要预备什么?

  • Node.js 运营条件,最棒是 v8.x 以上版本,建议使用 nvm 来安装,Windows 下的客户能够选拔 nvm-windows;
  • 能够用来输入和执行命令的极限程序,比方 Mac 下的 iTerm,或者 Windows 下的 cmd;
  • 2 时辰的悠闲时间,读完那本小册,并能本人左边手实施,因为纸上得来终觉浅;

读者反映如何

上面是到这两天截至小册采撷到的一部分读者举报,对于每位读者的留言,小编都会认真回复,倘若您加了读者沟通群,在群里提到的主题材料,笔者也会极力解答。

升级网络游戏 3

升级网络游戏 4

升级网络游戏 5

笔者简单介绍

我是王仕军,爱折腾、爱享受的前端老鸟,实名在英特网生活了 5 年有余,6 年以上前端开采经验(实际是 8 年,哈哈),4 年重型互连网商家做事经历;掘金队(Denver Nuggets)专栏笔者;熟知(是的,到未来自己还不敢说精通) JavascriptNode.js,对开采效用和软件品质有最为追求。指标是 Be a Power User of Everything

多谢读到这里,希望自个儿写的事物对你有用!

TAG标签:
版权声明:本文由银河国际点击登录发布于升级网络游戏,转载请注明出处:我写了本掘金小册【升级网络游戏】