脚本宝典收集整理的这篇文章主要介绍了

【学习】NPM是什么

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。
<p><code></p> <p><strong>什么是NPM</strong></p> <p>npm(<a href="http://www.js-code.com/tag/node" title="node" target="_blank">node</a> package manager)<a href="http://www.js-code.com/tag/node" title="node" target="_blank">node</a>的包管理工具</p> <p>在 GitHub 还没有兴起的年代,前端是通过网址来共享代码,举例来说:<br />如果我们在开发过程中想使用 vue ,那么是不是要引入 vue ,你可能会下载这个 vue.js 文件在<a href="http://www.js-code.com/tag/html" title="HTML" target="_blank">HTML</a>代码中:</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span><br /> <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="<script src=&quot;https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js&quot;></script><br /> " title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs xml"><code><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span> </code></pre> <p>当一个网站依赖的代码越来越多,程序员发现这是一件很麻烦的事情:</p> <p>去 <a href="http://www.js-code.com/tag/jquery" title="jQuery" target="_blank">jQuery</a> 官网下载 <a href="http://www.js-code.com/tag/jquery" title="jQuery" target="_blank">jQuery</a> <br />去 BootStrap 官网下载 BootStrap <br />去 Underscore 官网下载 Underscore <br />……</p> <p>有些程序员就受不鸟了,npm 给出一个解决方案:用一个工具把这些代码集中到一起来管理吧!</p> <p><strong>NPM 的思路大概是这样的:</strong></p> <ul> <li>买个服务器作为代码仓库(registry),在里面放所有需要被共享的代码</li> <li>发邮件通知 <a href="http://www.js-code.com/tag/jquery" title="浏览关于“jQuery”的文章" target="_blank" class="tag_link">jQuery</a>、Bootstrap、Underscore 作者使用 npm publish 把代码提交到 registry<br /> 上,分别取名 jquery、bootstrap 和 underscore(注意大小写)</li> <li>社区里的其他人如果想使用这些代码,就把 jquery、bootstrap 和 underscore 写到 package.json<br /> 里,然后运行 npm install ,npm 就会帮他们下载代码</li> </ul> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span><br /> <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text=" $ npm install jquery " title="" data-original-title="复制"></span> </div> </p></div> <pre class="hljs sql"><code> $ npm <span class="hljs-keyword">install</span> jquery </code></pre> <ul> <li>下载完的代码出现在 <a href="http://www.js-code.com/tag/node" title="浏览关于“node”的文章" target="_blank" class="tag_link">node</a>_modules 目录里,可以随意使用了。</li> </ul> <p>这些可以被使用的代码被叫做「包」(package),这就是 NPM 名字的由来:Node Package(包) Manager(管理器)。</p> <p><a href="https://blog.csdn.net/qq_37696120/article/details/80507178" rel="nofollow noreferrer" target="_blank">引用自:</a><a href="https://blog.csdn.net/qq_37696120/article/details/80507178" rel="nofollow noreferrer" target="_blank">https://blog.csdn.net/qq_3769...</a></p> <p></code></p>

总结

以上是脚本宝典为你收集整理的

【学习】NPM是什么

全部内容,希望文章能够帮你解决

【学习】NPM是什么

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过