00:00
哈喽,大家好,这一个小节呢,我们来把封装好的工具上传到平台上面去。上传到平台上面去之后,有一个好处,就是方便分享和复用。啊,比如说你的工具想给别人去使用,那你可以上传到NPM平台上面去,别人可以通过NPM命令来下载这个工具。便于代码的传播。当然,我们自个儿用起来也很方便。那下面我们按照步骤来做啊,这里呢,步骤已经列好了,我们一步一步来。首先,先完善一下package的杰森。这里有三个地方需要我们注意去改一下。第一个是name。我们点开package。这个name呢,要求在平台上面是独一无二的。所以说需要把它改一改,比如说我把它改成my own you。或者U吧,不加S了。好,这是属于我自个儿的一个工具啊,名字。
01:00
然后下边第二个呢,是入口文件,这个咱也需要改一改入口文件,把它改成谁呢?改成打包后的那个文件。也就是那个文件,那好我们来改一改。在这。点杠啊。At啊,点干这个。然后下边是at硅谷。点GS。这个路径一定要写对啊,要不然后边。其他人在用的时候呢,他找不到文件。第三个呢是关于keyword,我把它直接复制一下。Keyword是关键字设置。有了关键字之后呢,别人在搜索的时候呢,搜索引擎会把我们的结果推推送给别人。啊,把所有结果给。这个搜索者。这里我需要额外说明一点,就是promise这块我们并没有去手写封装实现。为什么呢?因为之前我已经出过一版自定义的那个视频了。
02:01
如果大家需要的话,可以到呃上谷官网,或者说到哔哩哔哩上硅谷官方账号里边去。学习。第一步我们就已经完成了。就是完善这个package角色。第二步呢,需要对NPM做一个配置。这个呢也很重要啊,如果之前你使用过MPM的话,大概率是已经将这个镜像设置为淘宝镜像了,因为这样做的话,下载速度会得到大大提升。不过呢,在上传工具包的时候呢,咱们不能够使用淘宝镜像。为什么呢?因为淘宝镜像是一个只读镜像,只能下载,不能上传。所以说这一步呢,你还必须得做。好,把它复制一份,打开命令行。运行一下。这个命令啊,你在哪运行都行啊,因为它是一个相当于是一个全局的设置。好了,那配置完成之后。下边呢,第三步是注册一个账号啊。
03:01
账册账号的注册地址呢,是在mpmgs.com啊,别忘了这个去激活啊。至于怎么去这个这个这个注册和激活呢,我呢会稍后再录一个视频啊,大家可以按照这个视频去操作就可以了。啊,因为这块都是一些日常操作了啊,所以说这块我们就不再细说。好,然后下边第四步呢,是在命令行当中登录用户。好,我们点开命令行。然后呢,往上走一层。N PM login,当然你也可以使用NPMADU啊,两个都是可以的啊,不过呢,我推荐大家使用n PM login啊,因为这个更加贴合我们日常一个使用跳回车。然后在里边呢,我们需要去输入账号和密码,我的账号是。等他一下,等他一下,他需要弹框。账号是小强love。密码的话没记住啊,咱把密码调一调。诶,这个是密码拿过来。
04:00
这里要注意啊,密码呢,输入我们是看不见的,他把我们隐藏起来。啊,所以你在输的时候呢,你也看不到啊,没关系啊,不代表你没有输入成功,这是输入成功的啊OK,然后下边呢,是输入邮箱地址。邮箱这块的话,我得把邮箱再调出来。把它呢复制一份。好,把它关掉。右键,然后敲回车。好,大家看一下,此时我已经登录成功了。登录成功之后呢,我就可以开始上传了。上传的时候怎么上传的?很简单,N PM publish。步骤当中也已经写到这一步了,大家看一下n PM publish就可以了。然后敲回车。好,大家稍微等待一下。嗯,速度稍微有点慢。在这个上传的过程当中呢,很有可能会出现一个错误啊,告诉你403FORBID出现这个错误的原因就在于你的包的名字跟别人的啊重了,比如说您就写了个us啊,这样对于这样的名字别人早已经想到了。
05:11
啊,如果重了之后怎么办呢?啊,那你就换一个名字就可以了。好了,这一块的话,我们就已经完成了上传,完成上传之后呢,平台上面就已经有我们的包了啊。如果说你要想用的话,那就可以怎么办,直接直接把这个包呢,用NPM把它下载下来就可以了。我们来做一个演示。比方说啊,新建一个文件夹啊,我们到这个D盘当中吧。啊,新建一个目录。然后呢,比如说U。右键呢,在这个。编辑器里边咱打开它。啊,首先我在终端打开NP minit-Y做一个初始化。然后开始安装NP mi,把那个包的名字放过来,My own u敲回车。
06:01
然后稍微等待一下。他开始。安装成功啊,这个包安的这个稍微时间长一点啊,下边的话我们来测试一下这个包可用不可用。啊,首先我们先新建一个HTML文件。然后将JS文件把它引进来。那个JS文件它在哪呢?它就在notde MOS这个文件夹当中啊,点杠not MOS,然后my or这个to u,然后。这个文件。然后这样的话呢,我们可以打印一下啊,这个变量叫做us保存。好,我们点开浏览器来测试一下,看好使不好使。刷新页面大家可以看一下,没有问题,里边的方法都在,我们也可以去调用。如果说后续大家需要对这个代码做升级的话,那怎么办呢?啊做升级也可以。
07:00
啊,剩余的步骤呢,这也做了,大家可以看一下啊,如果说你要想更新。啊,举个例子啊,比方说呢,咱们点开这个之前那个啊,不是测试这个,就是之前这个。啊,点开这个index.gs假如说你又加了一个函数。叫什么呢?叫这个TTTT啊,四个T,举个例子啊。然后你想在这加一个功能,加完功能之后呢,你不能直接上传,还要再做一个事情,就是要修改这个版本号。啊,因为1.0.0这个版本呢,你已经有了。啊,有了之后呢,你就需要呢,对它做一个变换才能上传。我们可以这样来做,把它变成1.0.1,然后上传一下。N PM publish啊,在这个时候就不需要再登录了,因为你已经登录过了才会撤。好,然后还是一样,稍微等待一下。
08:05
上传完成,上传完成之后呢,在新的项目当中,你就可以用NP mi的方式再次去安装,安装的时候呢,就是最新的版本了。当然你如果是旧的项目,想要去升级也是可以的,我们可以用n PM upgrade upgrade。加upgrade啊,然后去加上你的包名字my all,陈回。它呢也可以对包做一个升级,然后从现有的版本呢,升级到最新版本。也是一样,需要稍微等待一下。看一下啊,这个位置的话,我们就已经把包呢更新完毕了,更新完毕之后呢,可以看看到底有没有这个方法,我们把它拿过来TTTT保存。然后点开浏览器,然后刷新页面,瞅一眼,看这是有的。好,那关于包的这个更新啊。就已经演示完了,最后呢,还有一个就是删除自个儿的一个包,大家可以呢,直接运行这个命令就可以了啊。
09:02
可以把你的包呢删掉。好,那么到这儿的话,关于包的上传更新啊,还有删除,我们就先介绍这么多啊,先把它保存一下。
我来说两句