npm和Node.js简介
<div><h2>Node.js</h2>
<p>Node.js是JavaScript的一种<strong>运行环境</strong>，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。Node.js允许通过JavaScript和一系列模块来编写服务器端应用和网络相关的应用。核心模块包括文件系统I/O、网络（HTTP、TCP、UDP、DNS、TLS/SSL等）、二进制数据流、加密算法、数据流等等。Node模块的API形式简单，降低了编程的复杂度。</p>
<div>
<p>Node.js主要用于编写像Web服务器一样的网络应用，这和PHP和Python是类似的。但是Node.js与其他语言最大的不同之处在于，PHP等语言是阻塞的（只有前一条命令执行完毕才会执行后面的命令），而Node.js是非阻塞的（多条命令可以同时被运行，通过回调函数得知命令已结束运行）。</p>
<p>Node.js已经有数十万模块，它们可以通过一个名为npm的管理器免费下载。</p>
</div>
<h2>NPM</h2>
<h3><strong>npm发展历程</strong></h3>
<p>npm作者将npm开发完成，于是发邮件通知 jQuery、Bootstrap、Underscore 作者，希望他们把 jquery、bootstrap 、 underscore 放到npm远程仓库，但是没有收到回应，于是npm的发展遇到了瓶颈。Node.js作者也将Node.js开发完成，但是 Node.js 缺少一个包管理器，于是他和 npm 的作者一拍即合、抱团取暖，<span style="color: rgba(255, 0, 0, 1)"><strong>最终 Node.js 内置了 npm</strong></span>。后来的事情大家都知道，Node.js 火了。随着 Node.js 的火爆，大家开始用 npm 来共享JS代码了，于是 jQuery 作者也将 jQuery 发布到 npm 了。所以现在，你可以使用 npm install jquery 来下载 jQuery 代码。现在用 npm 来分享代码已经成了前端的标配。</p>
<p><span style="text-decoration: underline"><strong><span style="color: rgba(255, 0, 0, 1); text-decoration: underline">npm的实现思路和maven、gradle是一样的</span></strong></span></p>
<p>1、有一个远程代码仓库（registry），在里面存放所有需要被共享的js代码，每个js文件都有自己唯一标识。<br>2、用户想使用某个js的时候，只需引用对应的标识，js文件会自动下载下来。</p>
<h2>Node.js安装</h2>
<p>为了方便理解，采用二进制文件方式安装node.js。</p>
<p><img src="https://img2022.cnblogs.com/blog/1208477/202201/1208477-20220120192055863-1484204200.png" alt="" loading="lazy"></p>
<p> </p>
<h3>新建node_cache和node_global文件夹</h3>
<p>下载后，解压到指定文件夹下，并在解压路径创建两个子目录：node_cache、node_global；msi安装默认会把这两个文件夹放在C盘下。</p>
<p><img src="https://img2022.cnblogs.com/blog/1208477/202201/1208477-20220120192551187-1751347108.png" alt="" loading="lazy"></p>
<h3>配置环境变量</h3>
<p>在系统变量中添加 NODE_HOME 变量，然后在Path中添加%NODE_HOME%和%NODE_HOME%\node_global。</p>
<p><img src="https://img2022.cnblogs.com/blog/1208477/202201/1208477-20220120193311260-1342765304.png" alt="" loading="lazy"></p>
<p> 安装好NodeJS后，在CMD输入node -v 以及 npm -v ，会输出版本号</p>
<p> <img src="https://img2022.cnblogs.com/blog/1208477/202201/1208477-20220120220640325-1032123718.png" alt="" loading="lazy"></p>
<h3>设置npm变量</h3>
<p>设置npm全局安装路径以及cache路径</p>
<div class="cnblogs_code">
<pre>npm config <span style="color: rgba(0, 0, 255, 1)">set</span> prefix “D:\ProgramFiles_QY\node-v16.<span style="color: rgba(128, 0, 128, 1)">13.2</span>-win-<span style="color: rgba(0, 0, 0, 1)">x64\node_global”
npm config </span><span style="color: rgba(0, 0, 255, 1)">set</span> cache “D:\ProgramFiles_QY\node-v16.<span style="color: rgba(128, 0, 128, 1)">13.2</span>-win-x64\node_cache”</pre>
</div>
<h3>安装cnpm</h3>
<p>官网：https://npmmirror.com/</p>
<p>cnpm，即 npm 的国内镜像。使用 cnmp 的好处是在日后下载内容时会比较快，但是下载的包可能不是最新的。但是别在一个项目来回混用npm跟cnpm，会给自己找麻烦。安装 cnpm 的命令为 ：</p>
<div class="cnblogs_code">
<pre>npm install -g cnpm --registry=https:<span style="color: rgba(0, 128, 0, 1)">//</span><span style="color: rgba(0, 128, 0, 1)">registry.npm.taobao.org</span></pre>
</div>
</div>
<h3>安装yarn</h3>
<div class="cnblogs_code">
<pre>npm install -g yarn</pre>
</div>
<p><img src="https://img2022.cnblogs.com/blog/1208477/202203/1208477-20220331221018205-750403273.png" alt="" loading="lazy"></p>
<p>参考：</p>
<p>https://www.jianshu.com/p/fac1fa66a00a</p>
<p>https://www.jianshu.com/p/b6409b1b14d3</p>
</div>
<div id="MySignature" role="contentinfo">
如果这篇文章对你有用，可以关注本人微信公众号获取更多ヽ(^ω^)ﾉ~<br>
<img id="ViewPicture1_GalleryImage" alt="微信公众号二维码" src="https://images.cnblogs.com/cnblogs_com/aeolian/1679458/o_wechat_gzh_qrcode.jpg" style="height: 258 px; width: 258 px; border-width: 0px">
<br><br><br>
来源：https://www.cnblogs.com/aeolian/p/11382359.html
頁:
[1]