Cocos Creator + TypeScript项目中使用npm loadsh包

最新推荐文章于 2024-03-29 10:44:47 发布
最新推荐文章于 2024-03-29 10:44:47 发布
阅读量2.6k 收藏 2
点赞数 1
分类专栏： JavaScript TypeScript 游戏开发 文章标签： 小程序 cocos typescript js 小游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35576100/article/details/103602230
版权
本文介绍了如何在Cocos Creator的TypeScript项目中使用npm管理包，以lodash为例，详细阐述了从创建新工程到引入并使用lodash的深拷贝函数的步骤，最后在浏览器中成功运行验证。
摘要由CSDN通过智能技术生成

Cocos Creator + TypeScript项目中使用npm loadsh包

Cocos Creator + TypeScript + npm

本篇主要讲Cocos Creator的TypeScript项目中使用npm管理包的一种使用方法之一,并非所有的包都如下使用方法,但都大同小异

步骤1:创建新的工程

在这里插入图片描述在这里插入图片描述
我创建了一个TypeScript语言的新的HelloWorld工程;

步骤2:npm装包

npm i lodash -save
npm i @types/lodash -save-dev
  1. npm是安装node.js时附带的包管理工具
  2. lodash是我们项目中实际用到的js代码包
  3. types/lodash可以看到保存为开发环境,它实际上是一个由ts写的代码提示包,在项目编译中不会参与编译(大部分的主流npm包都有对应的ts代码提示包)

步骤3:代码中按需引入lodash函数

在HelloWorld.ts中,我决定引入深拷贝函数测试引入的包是否有问题

最低0.47元/天 解锁文章
chris 007
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何在 Cocos Creator 的 TypeScript 代码中引用.rar
05-17
在Cocos Creator中使用TypeScript进行游戏开发可以提高代码的可维护性和可读性。TypeScript是一种静态类型的超集，它提供了对JavaScript的强类型检查和面向对象编程的支持。本教程将详细介绍如何在Cocos Creator的...
在CocosCreator中集成自建npm库
MOMO
04-16 2282
在CocosCreator中集成自建npm库
cocos 引入lodash库对鼠标移动做节流处理
阿豪
12-05 312
原文链接: cocos 引入lodash库对鼠标移动做节流处理 ...
CocosCreator3.x 使用npm
最新发布
njiyue的博客
03-29 554
前端小白简单记录下CocosCreator使用npm包步骤。
[Cocos]Creator v3.8使用node_module的一种解决方案【Web版本】
GrimRaider的专栏
02-26 1289
Cocos creator 如果想像前端一样使用第三方 npm 包一般是有一定的难度，本文提供一种思路，已验证可行。
CocosCreator实现将资源文件部署到服务器的艰难摸索
qq_41599080的博客
08-13 3126
问题起源于我和一个同学用Cocos Creator做的微信小游戏，由于项目太大（40MB），无法在微信平台发布（4MB上限），怎么办呢？ 大方向的确定 上网查询了一些资料，我大概了解到了解决方案有分包和服务器两种方式： 分包：将资源分成子包引用，但是上限为8MB； 服务器：将Cocos Creator项目导出后的res文件夹上传到服务器，用微信小游戏打开剩余文件，就会直接去引用服务器上对应的资源；而去掉res文件夹后项目一般小于4MB； 好了，大方向确定了。首先我找到了一篇教程，就是下面的链接，了解了一
CocosCreator如何生成protobuf文件工程
02-18
这将生成一个`game_pb.js`（或`game_pb.d.ts`如果选择了TypeScript）文件，该文件包含了在CocosCreator项目中使用的protobuf类。 将生成的文件添加到CocosCreator项目的`src`目录中。现在你可以在CocosCreator的...
cocosCreator socket.io typescript环境搭建.rar
06-18
由于Cocos Creator使用rollup作为打包工具，我们需要通过npm（Node.js包管理器）来安装`socket.io-client`库。打开命令行工具，导航到你的项目目录，然后运行： ``` npm init -y npm install socket.io-client -...
cocos-game-framework:cocos-creator游戏框架，typescript版本
05-02
cocos 轻量级游戏框架说明以个人实践为主，有些方案并非是最佳实践。...下载完整项目，执行 npm install && npm run build 命令，拷贝 dist 目录下的相应文件到项目中。模块实现参考。项目工具依赖typescripte
cocoscreator简易框架
03-04
- **local、packages、library、settings**：这些可能是CocosCreator项目的特定文件夹，`local`可能包含本地设置，`packages`可能包含第三方插件，`library`可能存储编译后的资源，`settings`则可能保存项目的一些...
Cocos Creator TS代码智能提示
大掌教的Cocos Creator研究院
05-29 7484
Cocos Creator支持JS和TS两种脚本，在这里我强烈建议使用TS来做脚本开发。有几个比较重要的原因： TS本身是JS的超集，完全兼容js TS有静态语言特性，代码易于阅读和维护 近乎完美的智能提示，而JS的代码提示几乎没有 在Creator里面写TS，要实现代码智能提示，需要手动添加申明文件，步骤如下： 点击菜单 开发者->VS Code 工作流->更新VS Code智能...
CocosCreator发布H5平台游戏并部署到Nginx服务器
04-30 764
现在打开浏览器,输入云服的公网地址,可以正常访问。如果 不是root用户修改nginx.conf。1. centos上安装nginx。复制本地发布游戏目录到centos。安装后可查看nginx进程。修改nginx网站目录。查看服务是否启动成功。
Cocos Creator—最佳构建部署实践
weixin_33769125的博客
12-14 899
这篇文章主要是我们团队在使用Cocos Creator过程中的一些关于部署方面的实践总结，标题党了一回，严格来说，应该是《快看漫画游戏研发团队使用Cocos Creator构建部署最佳实践》，对于其他团队可能并不是。 之所以写这篇文章，一是我刚开始接触Cocos Creator的时候，发现构建部署方面的一些问题，针对性写了3篇优化的方案，...
​Cocos Creator 3.0 里如何玩转 npm 海量资源
Cocos的博客
03-15 416
Cocos Creator 3.0 已全面支持 TypeScript 作为默认语言，不论是引擎提供的功能还是用户提供的脚本，所有代码都以模块的形式组织。模块格式支持并推荐使用 ECMAScript（以下简称 ESM），也就是项目资源目录下以 .ts 作为后缀的文件。例如 assets/scripts/foo.ts。但这不代表不支持 JavaScript 语言，毕竟 TypeScript 是 Jav...
CocosCreator3D插件教程(13)：插件&npm
插件小王子(xu_yanfeng)的博客
11-15 704
1. 什么是npm 英文全称：node package management，是nodejs内置的软件包管理器，有点类似github。 https://www.npmjs.com/ 上有大量(143万+)的扩展包，可以供nodejs开发者使用。 当然你也可以自己上传package，分享给别人使用(白嫖)。 实不相瞒，我本人经常会来此地使用(白嫖)一些package，是真的香啊！ 2.使用npm，你需要安装nodejs环境 npm是和nodejs捆绑的，安装了nodejs，就可以开心的使用npm了。
打破CocosCreator3d不能使用npm包的魔咒!!!
ailhc的博客
12-19 1162
打破CocosCreator3d不能使用npm包的魔咒!!!背景CocosCreator3d模块机制调试运行CocosCreator3d空项目断点调试systemjs手写一个简单的SystemJs的模块如何快速地转换npm包为systemjs规范库使用egf-cli其他方式CocosCreator3.0?框架开发系列文章最后 背景 我在开发EasyGameFramework这个框架的时候，目标之一是构建出来的模块包可以在CocosCreator3D上使用，使用体验和正常使用具有类型声明的Npm包一致。实
脑洞神器Creator手写识别组件，三分钟上手！
奎特尔星球
10-15 929
这两天有两位伙伴，通过微店购买了Shawn的数字大冒险，在此感谢大家的支持！抱歉的是该工程没有文档，不少朋友是看中了其中的手写数字识别功能，在此我录制了一段小视频，可以帮...
cocos creator 使用第三方包
水墨鱼的专栏
03-20 8413
NPM 模块使用方法： 运行npm安装命令时当前的路径应该在项目的根目录（也就是包括 assets, library 这些目录的根目录）npm install xxx --save 时可以加上 save 指令，自动生成 package.json 方便其他人共享开发环境设置安装完成之后，在 assets 目录下的用户脚本里使用 var npmModule = require('npmM
Cocos Creator 插件脚本(摘自官方文档)
热门推荐
alpha_xiao的博客
08-03 1万+
插件脚本 在 资源管理器 中选中任意一个脚本，就能在 属性检查器 中看到这样一个设置界面，我们可以在这里设置脚本是否“导入为插件”。导入为插件是一个不太常用到的选项，初学者简单了解即可。 对组件脚本，数据逻辑而言，一般默认都取消这个选项，这样的脚本简称普通脚本。对第三方插件，或者底层插件，就有可能需要选中选项，这样的脚本简称插件脚本。 这个选项只和脚本有关，具体影响有几个
cocoscreator+ts+protobuf实现登录功能
10-29
4. 在CocosCreator中使用protobuf：将生成的JavaScript代码文件拷贝到CocosCreator项目的assets目录中，然后在适当的地方引入protobuf库。 5. 编写登录功能代码：在需要实现登录功能的脚本文件中，使用引入的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值