CocosCreator3D插件教程(13):插件npm
1. 什么是npm
英文全称:node package management,是nodejs内置的软件包管理器,有点类似github。
https://www.npmjs.com/ 上有大量(143万+
)的扩展包,可以供nodejs开发者使用。
当然你也可以自己上传package,分享给别人使用(白嫖)。
实不相瞒,我本人经常会来此地使用(白嫖)一些package
,是真的香啊!
2.使用npm,你需要安装nodejs环境
npm是和nodejs捆绑的,安装了nodejs,就可以开心的使用npm了。
你可以在中文官网(http://nodejs.cn/)找到对应的安装包,但是这么多nodejs版本,我应该选择哪个?
我个人对这个版本其实重视程度也不够,一般我都是用最新的啦。
但是如果你仍旧不放心,怕掉进坑里,你可以在查看下creator编辑器所使用的node版本,打开任何一个面板的开发者工具
面板,如下图所示就能看到所有的版本信息:
这里有很多版本信息,编辑器是采用electron
开发的,而electron
又内置了node
环境,大概就是这么个逻辑。
安装完毕nodejs
,我们可以简单的确认下安装是否成功:
如果能正确显示node版本号,就说明可以正常使用了。
3.在插件中使用npm
一切准备就绪,这里我就以使用emoji-chars
包举例:
在插件的
package.json
所在目录,安装emoji-chars
npm install emoji-chars
成功安装后,我们会发现package.json
里面增加了刚刚我们安装的包
{// ..."dependencies": {"emoji-chars": "^1.0.12"}
}
- 在插件代码中我们直接
require('emoji-chars')
就可以直接使用啦,非常方便
4.使用编辑器内置的package
creator3d编辑器中也使用了大量的package,如果你的插件也使用到了这些package,可以直接使用,这样也能减少插件包体积,但是并不能保证在后续编辑器中能够正常使用,还是存在一定的风险。
在插件中,你可以这样使用内置的package
window.require('fs-extra');
window.require('execa');
window.require('express');
至于为什么要使用window,摸索出来的,具体原因没有深究。
5.关于npm,推荐给你的小技巧
npm的常用命令,最好熟悉下。
使用
nrm
包,快速切换npm的仓库源,一键切换到淘宝镜像
。使用
n
包,快速切换nodejs版本。并不是所有的
npm package
都能够在插件中正常使用,使用时需要仔细确认下。有些
package
安装时需要编译一些原生代码,比如截图取色的robotjs
,这个包就需要在npm install
时编译一些目标平台的代码,这里就不再展开了,可自行百度node-gyp
了解下,后续会推出一篇教程详细介绍下。
以上就是本篇教程,如果大家关于npm
有啥想说的,可以评论区交流分享。
CocosCreator3D插件教程(13):插件npm相关推荐
- vue封装第三方插件并发布到npm
前言 写此文前特意google了一下,因为有较详细的开发教程我再写意义不大,有把插件封装成组件的教程,有把自己的组件封住成插件的教程,本文主要说明如何把第三方的插件封装成vue插件,简化配置,一键安装 ...
- w3cschool教程 - jQuery插件总结
w3cschool教程 jQuery插件总结 http://www.w3cschool.cc/jquery/jquery-plugin-validate.html 一 jQuery Validate ...
- 25个优秀的jQuery滑块教程和插件
jQuery滑块及图像画廊技术的在网站首页或组合页中的使用日渐普及.自去年以来,高质量的滑块及图像画廊技术教程和插件又发布了很多,于是我们再次收集了若干个优秀的实现教程.这里发布的是25个jQuery ...
- postcss-px-to-viewport插件教程和适配问题(移动端和PC端)
postcss-px-to-viewport插件教程 简介 用途 视口单位(Viewport units) 示例 安装 配置参数 使用 简介 将px单位转换为视口单位的(vw,vh,vmin,vmax ...
- Htc Vive VR 手势识别插件教程 1.1 版本(附1.0版本教程PDF)
VR手势识别插件教程1.1.1版本 VR手势识别插件教程1.1.1版本内容提纲 Htc Vive VR手势识别插件教程1.1.1版本.................................. ...
- VMP分析之VMP2.13插件化分析(四)
文章目录 Zeus插件 相关介绍 初始化Key并解密 加载操作码 解密操作码 取handler 解密handler 进入handler 保存堆栈 指令流解密Key VMP分析插件 相关介绍 VM分析插 ...
- FindBugs Maven插件教程
FindBugs是一种静态代码分析工具,可识别从Java代码中发现的问题. 我们可以使用FindBugs Maven插件将FindBugs集成到我们的构建过程中. 这篇博客文章确定了四个典型的用例,并 ...
- 编写Eclipse插件教程–第1部分
Eclipse是三个最受欢迎的Java开发IDE之一. 其成功的原因之一是其可扩展性. 对于任何知道该怎么做并且已经做到的人来说,编写eclipse插件都可以非常轻松快捷. 不幸的是,第一次在Ecli ...
- qq浏览器翻译功能启用划词插件教程
qq浏览器翻译功能启用划词插件教程 qq浏览器翻译功能怎么启用?QQ浏览器对于我们经常浏览qq空间,微信聊天的人来说是非常不错的一个浏览器,而且,QQ浏览器也有非常多不错的功能,比如划词翻译等等.那么 ...
最新文章
- 图片html代码查看器,360度全景商品图片查看器
- Documentum常见问题10-修改特定Type的显示图标
- 小心ASP.NET 2.0 的Skin特性伤害到您!
- Boost.Signals 的文档/查看示例
- PyCairo 中的变换
- ASP.NET MVC 4应用程序文件夹
- modprobe命令使用方法
- 推行CMMI能在哪些方面为软件企业带来好处?
- Python之字符串格式化
- 参考文献的引用的格式
- 用 C, C++ 读取DICOM文件
- 计算机二级excel中mid的用法,Excel中怎么使用Mid函数
- 一些简单的局域网入侵命令
- 风水大师 or 企业医生?张明明谈数据分析师的职业之路
- 项目中Spring Security 整合Spring Session实现记住我功能
- 20. Linux提权:从入门到放弃
- WNMP(Windows + Nginx + PHP + MySQL) 安装
- ERP时代即将结束,后ERP时代正在崛起
- windows下使用redis,Redis入门使用,Redis基础命令
- 车易加:今日油价|油价上涨10元/吨,油价又要重新上涨?