网站建设方向论文提纲,商城网站建设视频,昆明网站建设公司排名猫咪科技,品牌网站建设有哪些方面概述
在开发当中经常有一种现象#xff0c;重复代码写了N多遍#xff0c;再次写同样的逻辑就再次翻查以前的代码逻辑。效率低下且容易出错#xff0c;封装一个npm包的价值也不仅仅是给别人用#xff0c;封装一套属于自己或者本部门的npm包也是相当有必要。 也许经常看到一…概述
在开发当中经常有一种现象重复代码写了N多遍再次写同样的逻辑就再次翻查以前的代码逻辑。效率低下且容易出错封装一个npm包的价值也不仅仅是给别人用封装一套属于自己或者本部门的npm包也是相当有必要。 也许经常看到一个项目的根目录之下有package.json这个文件很多人可能曾经疑惑这个文件的作用是什么。除了配置打包命令之外devDependencies和dependencies区别是什么。并且这些包是怎么发布到公用的网络之上而我们仅需一条npm包命令就可以安装到本地。
大纲
本文是系列文章 作者一个橙子pro本系列文章大纲如下。转载或者商业修改必须注明文章出处
一、申请npm账号、个人包和组织包区别 二、了解 package.json 相关配置 三、 了解 tsconfig.json 相关配置 四、 api-extractor 学习 五、npm包制作完整教程我的第一个npm包 初识npm网站学习个人包和组织包
注册npm账号
https://www.npmjs.com/ 输入网站地址可直接看到这个网站如果还没有见过这个网站那也是非常不合格的前端工程师了。对于前端工作人员来说它绝对是我们的衣食父母。中间搜索框就是搜索npm包的地方找不到插件的时候在这里搜一下比百度好使。 点击右上角Sign Up是注册按钮Sign In是登录点击注册按钮。 填写完成点击Create an Account注册完成直接登录。有时需要邮箱验证登录完成先验证邮箱了。 登录完成之后页面不一样了左边部分展示最新流行的包中间是探索部分右侧则是这个网站的数据。一周几百亿的下载量确实养活不少人足以见到本站的强大。我们平时输入npm命令的时候也对这个数字做出了贡献。
普通包和组织包
点击网站右上角的图像 再点击Packages这个页面就是将来要上传包的地方了。 在这个页面这两部分比较重要刚进入的时候左侧显示的包就是普通安装包了组织安装包则显示在左下角的地方。由于我这里是个老账号如果没有发布过安装包那么这块就是一片空白了。
对于普通的npm包而言在发布的时候不需要进行任何操作对于组织包而言发布的时候就得进行额外操作了。
这里简单介绍下组织的创建过程 点击Organizations旁边的加号按钮 输入组织名直接点击创建就可以了如果你钱多也可以点击Buy按钮。
到这里也许还有个疑问一般的npm 包和组织npm包的区别在哪里组织包一般会以v3p/类似的符号开头而一般的npm包则没有这种。
我们看一个我们常见的项目当中package.json文件如下所示vue它就是一个组织了。 除了这里的区别组织包在node_modules下的体现也是不同的。 像图中这样vue所有的安装包都放在同一个组织文件下面。而一般的包则是直接平铺在文件夹之下。
