- 2017年的老文，搬运存档用 - 先打个广告，企鹅 FM 和微云的小程序已上线~ 请多多关照 (づ￣ 3￣)づ 01.png 痛点发现 开发至今有两个痛点忍不下，需要写小工具来解决。.../index.js" } } generator 本身逻辑非常简单，参考上面一节的思路图，这里列一个不考虑出错情况的伪代码，不怕我的 JS 代码辣眼睛的也可以看这里： const program...，更新可以同步到全局，建议再执行： npm link 12.png （gif 过大无法展示，附件不允许添加图片…大家想象一下好了） 发布 使用 npm publish 发布到 npmjs 上，具体可以参考文档...可以看到 npm 上已经有很多类似的插件了： 09.png 作为一个 boilerplate 可能会根据团队/个人需求不同而不同，发布一个自己常用的，方便在各个设备上拉取使用，所以 scoped package...如果有更轻量的方法请告诉我~ 参考资料 其他开发者写的工具：MeCKodo/wxapp-cli ES2015 & babel 实战：开发 NPM 模块 Creating Your First Node.js
（这很明显是很麻烦的） 所以我们的第二个目标是将其封装为一个 npm 包，用户只需要安装这个包，就可以简单地一行代码引入，而且可以通过配置参数实现其不同的效果。...但这还不够，我需要将其直接插入我的 README.md（这样更直观方便），而不是生成一个新的 markdown。...我在其他项目其实也有过类似的需求，所以此前我将其封装成了一个 npm 包，我现在可以直接安装使用。...除了 NPM 包，我们还可以发布到 webcomponents.org，通过已发布的 npm 包名来发布即可。...就此，一个基于 Web Components 技术的小组件就实现完毕了。除了 Demo 本身的示例作用，我想它本身也是足够实用的。 也欢迎大家将其用于展示自己的项目。
修改发布状态 可以通过修改文章发布状态参数 published 来控制是否渲染该文章，如果设置为 False，则压根不会渲染，只是源文件保存在项目中。...： 存为草稿 Hexo 自带草稿功能，草稿内容也不会发布，和 published 的区别我理解是概念上的，草稿是放在草稿箱中的文章，直接不算作 posts 的内容， publish 控制的是已经不是草稿的文章...（如果想要完全隐藏一篇文章，可以直接将其设置为草稿） 你可以在命令行运行 hexo hidden:list 来获取当前所有的已隐藏文章列表。...效果 改插件的效果也是不同主题不一样，在默认的 landscape 功能正常，在 fluid 则隐藏无效。 我的最佳实践 我的需求是，在博客发布一些私人的博文，不想完全公开，但是别人看到了也没大事。...将其在一个小角落展示出来的效果。
，翻译过来大概就是“我也是很无语了”。因为 event-stream 包突然多出了一个名为 flatmap-stream 的依赖项，而这个依赖项正在窃取用户的数字货币。...，并提交到了 GitHub，随后发布到了 npm。...不久这个仓库的所有者（@dominictarr）给出了一个让人哭笑不得的回复： ? 他发邮件给我，说他想维护这个模块，于是我把模块所有权移交给了他。...我没有从这个模块得到任何回报，而且我已经好久不使用这个模块了，大概有好几年了吧。 而且：我已经没有发布这个模块的权限了。 作者已经把这个模块移交给了黑客。...直到几天前这个有漏洞的仓库才被发现，然后 npm 紧急将这个含有恶意代码的 flatmap-stream 模块删除了。 这段恶意代码目前还能在 GitHub 上看到，感兴趣的可以自己去分析。
顺便说下Yarn的下载地址https://yarnpkg.com/latest.msi 安装完之后yarn --version检测一下是否安装成功，当然你直接用npm也是可以的。...如果你打算发布到 https://.gitee.io/，则可以省略这一步，因为 base 默认即是 "/"。...如果你打算发布到 https://.gitee.io/REPO>/（也就是说你的仓库在 https://github.com//REPO>），则将 base...在你的项目中，创建一个如下的 deploy.sh 文件（请自行判断去掉高亮行的注释）: #!...'www.example.com' > CNAME git init git add -A git commit -m 'deploy' # 如果发布到 https://.github.io
设置 GitHub 应用程序时，可以选择希望它访问的仓库。比如你可以设置一个叫 MyGitHub 的应用程序，该应用程序有且仅有 octocat 仓库的写入 issues 的权限。...Hello Probot 一个 Probot 应用本质上是导出一个函数的 Node.js 模块： module.exports = app => { // your code here }; app...接着，你需要给你的 App 取一个没有被占用的名字，注意：如果你看到类似 Name is reserved for the account @tuya 的提示，这意味着你不能使用已存在的 GitHub...实现 GitHub CI 自动发布 NPM 包，主要是为了合理管理对外 npm 发布权限。而比较通用的发布时机是在 GitHub release 时。...保证 GitHub App 安全性 如果把 GitHub App 发布为 public 的，那么任何仓库都可以安装该应用，这不是我们想要的结果。
private（定义私有模块） 一般公司的非开源项目，都会设置 private 属性的值为 true，这是因为 npm 拒绝发布私有模块，通过设置该字段可以防止私有模块被无意间发布出去。...如果您只想提供一个 url，您可以将“bugs”的值指定为一个简单的字符串而不是一个对象。 如果提供了url，它将被npm bugs命令使用。...repository（代码存储位置） 指定代码所在的位置。这对想要贡献的人很有帮助。如果 git repo 在 GitHub 上，那么该npm docs 命令将能够找到您。...optionalDependencies（可选依赖项） 如果可以使用依赖项，但如果找不到或安装失败，您希望 npm 继续，那么您可以将其放入 optionalDependencies对象中。...总结 本文几乎是全网最全的package.json的讲解了。一些常用的和不常用的都有区分，不常用的可以当百科全书查一下，面试主要也是会问一些主要内容。 如果觉得本文对你有帮助的话，请点个赞。
简单的npm包示例 我们先通过一个简单的例子来熟悉创建和发布npm包的过程。 创建项目 创建一个 GitHub 仓库: https://github.com/new 克隆本地的 repo。...如何发布 npm 包 一旦你有了一个npm项目和一个npm账户，你就可以把你的npm包发布到公开的官方npmjs注册表上，让其他人可以使用。...这可以确保我们没有遗漏任何源代码文件，这些文件是软件包正常运行所需要的。这也是一个好的做法，以确保我们不会意外地将敏感信息泄露给公众，如带有数据库凭证或API密钥的本地配置文件。...如果出现任何问题，它们会在这里显示出来，并提供解决这些问题的细节。 在确认试运行成功后，可以为GitHub仓库设置一个新的GitHub动作来为你处理发布过程。...这对于熟悉首次发布自己的npm包来说是很好的。然而，如果想制作一个供生产使用的npm包，这样做是相当费力的，也是不可持续的。
Hexo 是一个基于 Node.js 的开源静态博客平台，可以在数秒内渲染上千个页面，并且一键部署到 GitHub 等平台。...但是到现在，我已经可以较为简单地搭建一个 Hexo 博客并且上线，所以在这里把我的主要步骤写出来。...这里我并不推荐到 nodejs 和 git 的官方去下载相应的安装包再去安装什么的，我使用 Windows 下一个非常好用的包管理器：Chocolatey。...创建 GitHub 仓库 最简单的方案就是使用 GitHub 托管，所以你可以到 https://github.com/new 新建一个代码仓库。...在打完这行字以后，我将会将这个 .md 文档存档，然后发到我的新 Hexo 博客上面去。
private（定义私有模块） 一般公司的非开源项目，都会设置 private 属性的值为 true，这是因为 npm 拒绝发布私有模块，通过设置该字段可以防止私有模块被无意间发布出去。...https://www.npmjs.com/ 方法一：直接到npm官网去搜 方法二：npm view 如果模块存在，可以查看该模块的一些基本信息： img 如果该模块名从未被使用过...如果您只想提供一个 url，您可以将“bugs”的值指定为一个简单的字符串而不是一个对象。 如果提供了url，它将被npm bugs命令使用。...repository（代码存储位置） 指定代码所在的位置。这对想要贡献的人很有帮助。如果 git repo 在 GitHub 上，那么该npm docs 命令将能够找到您。...optionalDependencies（可选依赖项） 如果可以使用依赖项，但如果找不到或安装失败，您希望 npm 继续，那么您可以将其放入 optionalDependencies对象中。
创建 GitHub Repo 让我们从创建一个新的GitHub存储库开始，它将保存我们的代码（在我们的例子中，实际上只需要一个Dockerfile）来构建镜像。...在GitHub中创建repo，并将其命名为您想要的任何名称。在repo的根目录中添加一个文件，名为Dockerfile。如果你沿着我，你将构建一个包含Angular CLI的镜像。...如果你需要一个不同的镜像，那么修改以下内容以满足你的需求。Dockerfile的内容应该是： # ....GitHub在每个存储库的设置中有一个部分，您可以在其中设置用于GitHub操作等的秘密。...GitHub将引导您完成创建发布的步骤，但您应该选择标记名称和所需的发布提交。您还可以添加标题和说明。
--scope=@mvc/cli 改造成 monorepo-repo 后的脚手架功能和第二版没有区别，只是将插件相关的代码独立成一个单独的 repo，后续可以将插件单独发布到 npm。...如果多个插件都进行了修改，执行 lerna publish 时可以同时发布已经修改过的插件，不用每个单独发布。 add 命令 将项目改造成 monorepo-repo 的目的就是为了后续方便做扩展。...所以没有将相关插件发布到 npm 上，因为可以直接引用插件，而不需执行 npm i 安装。...每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。...发布遇到的坑 v3 版本的插件有一个前缀 @mvc，由于带有 @ 前缀的 npm 包会默认作为私人包，因此遇到了一些坑。
我开发的的这款分布式爬虫管理框架—— Gerapy，代码也是放在了 GitHub 上面，但在之前 GitHub 上面是缺少原生的 CI/CD 功能支持的，可能需要根据第三工具或者 Webhook 等来配合实现项目的自动测试...自动测试 由于我开发的 Gerapy 是一个 Python Package，因此我看重的是测试它是否可以在各个 Python 平台下安装和正常使用，于是我新建了一个 GitHub Action，它会自动在项目目录下生成一个...同步文档到新的 Repo 接下来我这个需求可以说稍微有点奇葩了。...但我想着还新建一个 Repo，来单独存放文档，比如我新建一个 Gerapy/Docs 这个 Repo，我在 Gerapy/Gerapy docs 子文件夹下的内容可以被自动同步到 Gerapy/Docs...可以看到，我发布了 0.9.2 版本之后，它就自动构建了 0.9.2 版本的镜像，同时将 latest 镜像指向 0.9.2 版本。另外对应 maser 版本也构建了一个版本。
这些是您可以使用的最常见或最有用的NPM命令，但是仍然有超过10个额外的命令供您查看，因此我建议您将其文档添加为书签，并做一个注释以便返回并仔细检查它！...如何发布我自己的包 我要分享关于NPM知识的最后一点是与其他人分享你的工作是多么容易。在上一个列表中，最后一个命令是发布命令，它基本上允许你这样做，但在这里我想给你更多的细节。...Homepage：与前一个一样，它将帮助NPM显示指向此URL的单独链接（如果存在）。当您将代码放在一个URL（例如Github仓库）和专用于另一个URL中的模块的特定网站时，这尤其重要。...一份优秀的文档 这步是可选的，但如果你的包是一个可供其他开发人员使用的模块的话，那么我建议你最好提供一份优秀的文档，供他人参考。 因为你真的不能指望你的工具“上手简单、易于理解”。...因此，如果您遇到重复的名称错误（考虑到NPM中已经有重名的包了），那么您就必须进行更改一个再次发布了。 结论 感谢阅读，我希望到现在为止，你已经了解了NPM的复杂性和美感。
，因为开始的时候如果你就很迷茫，那么你看下去的看动力也就没有了，所以我也是尽可能的从最简单的开始写，相信只要按照文章一点点的来，应该都是没问题的，我文章的顺序就是我自己开发这个功能的顺序，如果有大神觉得我哪里写的有什么问题的话...文章看起来觉得比较费劲的可以直接移步我的github，源码奉上 源码 先看效果： 实现过程中可能存在的问题 如何获取用户的输入 如果根据用户的输入进行相应的操作 如何自定一个packag.json...文件 如何发布到npm 初始化一个package.json npm init 或者 npm init -y 初始化一个测试文件 #!...就是我们需要使用的终端命令，后面的文件就是我们指定的mjs文件，当然这个文件你可以自己封装，只要是一个入口文件就可以，vue-cli源码这里指向的就是一个bin文件 发布该命令 npm link...，各自的官网已经写的很明白了，开头我已经将源码地址提供出来， 觉得我的文档写的太乱的可以直接用我写的源码也可以，因为一段时间没有写了，所以写的有点乱，所以这次我也是破天荒的直接提供所有的源码给你们，目的是不挨骂
所以，可以采用GitHub Actions持续集成平台来简化发布文章的流程。...网站基础配置修改参考这里 3、GitHub 托管 Hexo 博客 可以采取分支管理的方式，也可以新建repo，在ci配置上略有不同，这里我采用的是将hexo博客源码托管到独立的repo上，将 Hexo...：一是发布站点，二是同步远程仓库，这样做比较麻烦，下面会讲解如何配置持续集成 4.1、查看效果 这里我配置了自定义域名 5、自动部署 就是DevOps，可以理解成 GitHub 通过一些流水线的配置...在线编辑: Github有提供一个在线编辑的页面，在Repo页面按下按键.就可以打开编辑页面了 每个 action 就是一个独立脚本，因此可以做成代码仓库，使用userName/repoName...解决： 查看 pages.yml 中引用的变量名称是否跟 GitHub 仓库上设置的一样 公私钥是否匹配，如果不匹配，则重新生成添加即可 如果还有其它问题也可以看一下这里，应该会有帮助的
四、通过 npm link，能创造一些实用的工具指令 npm link 很多人都知道，它最广为人知的用途是： 创建一个软连接，使得你可以在不发布到 npm 源的情况下，在 B 项目里依赖 A 项目进行联调...'); 复制代码 两种语句引入的是同一个文件吗？...关于 “模块入口” 的话题，可以拓展出一整篇文章，因此不再赘述，有兴趣的朋友可以自行阅读 Node.js 相关文档： nodejs.cn/api/package… (好吧，严格来说，这不属于 npm 的知识点...此时，我们可以通过以下命令将其设置为 taobao 源： # npm 自带的设置功能 npm config set registry https://registry.npm.taobao.org #...如果百度云链接失效了的话，请留言告诉我，我看到后会及时更新～ 开源地址 码云地址： http://github.crmeb.net/u/defu Github 地址： http://github.crmeb.net
# Install from github repo npm i githubuser/reponame # Install from bitbucket repo npm i bitbucket:bitbucketuser.../reponame # Install from gist npm i gist:gistID 例如：从Bit安装按钮组件 假设我需要一个按钮组件，而我的一个队友已经按钮组件发布到我们在 Bit 上的组件集合上了...例如：从npm企业私库安装 Icon 组件 例如，我需要在项目中安装一个 Icon 组件，而我的一个队友已经将按钮组件发布到 npm 企业私库上了。 我们同样可以使用 scope 和企业私库关联起来。...npm软件包，我们也可以通过运行以下命令导航到网站： npm bug 类似，npm repo 在浏览器中打开GitHub repo页面。...它将创建一个树结构，显示已安装的包及其依赖项。
有人 (1, 2, 3, 4) 甚至已经放弃使用Grunt、Gulp，喜欢更低级但更可靠的npm script。我完全可以理解他们的观点。...如果你看看Node的 lib文件夹 (GitHub 链接)其具有平台捆绑的所有核心模块，那么你将看到文件/模块的清晰命名（即使你不是很熟悉所有核心模块）： events.js fs.js http.js...这有助于警告开发人员这是一个内部接口，如果你使用了这个变量，导致它被重构或甚至删除，那么不要抱怨，这是你自找的。 Consider NOT Using JavaScript 啊哈？你确定看准确吗？...在VS code的repo vscode/src/vs/base/node/ 中(链接),你可以看到像 crypto, process等熟悉的模块名称。不过有 ts那样的后缀。...最后，我想谈一谈软件是如何吞噬着这个世界，而世界是如何正在被JavaScript吞噬的。。。有很多伟大的东西，比如每年发布的标准，大量的npm模块，工具和参考等等。。。然而对此最终我表示谨慎。
安装模块 使用npm install来安装，你可以使用其简写npm i 一次性安装多个模块 无需为你要安装的每个模块都输入一遍npm i指令，像这样： npm i gulp-pug npm i gulp-debug...npm i gulp-sass 你只需要输入一行命令即可一次性批量安装模块 npm i gulp-pug gulp-debug gulp-sass 更快捷的是，如果安装的所有模块的前缀是相同的，则可以这样安装...jest available via `npm run-script`: build gulp-build 安装Github Repo上的包 你可以直接这样安装来自Github repo...Github主页 你当然可以直接谷歌搜索，然后找到对应的包链接打开，但是你还可以这样： npm repo create-react-app 有不需要安装的包，又想看下其 github 主页的，就可以这样打开...创建自己的NPM可用变量 你可以在package.json中添加新的 key 来创建自己的npm变量，可以是任何 key ，我更喜欢将所有的npm变量都放在一个config中，这样看起来比较清晰： "config
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
