前端_node.js安装及npm使用介绍
<h1>一、node.js安装</h1><p>Node.js 安装包及源码下载地址为：https://nodejs.org/zh-cn/download/</p>
<p> <img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220909233954218-15518956.png" alt="" loading="lazy"></p>
<p>根据不同平台系统选择你需要的 Node.js 安装包。</p>
<p>Node.js 历史版本下载地址：https://nodejs.org/dist/</p>
<h3>Windows 上安装 Node.js</h3>
<p>windows推荐使用 .msi 安装，下载包后，一直点下一步完成安装即可。</p>
<p>安装完后，打开cmd，输入 node -v 查看安装成功</p>
<p><img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220909234319458-1151470797.png" alt="" loading="lazy"></p>
<h1>二、npm使用介绍 </h1>
<p>NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：</p>
<ul>
<li>允许用户从NPM服务器下载别人编写的第三方包到本地使用。</li>
<li>允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。</li>
<li>允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。</li>
</ul>
<p>可以通过输入 <strong>"npm -v" </strong>来测试是否成功安装。命令如下，出现版本提示表示安装成功:</p>
<p><img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220909234823850-153051704.png" alt="" loading="lazy"></p>
<h2>2.1 使用 npm 命令安装包</h2>
<h3>2.1.1 npm install xx</h3>
<blockquote>
<p>将xx包安装到 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录</p>
</blockquote>
<h3>2.1.2 npm install xx -s 即 npm install xx --save 写入dependencies 用于生产环境</h3>
<blockquote>
<div>将xx包安装到 ./node_modules目录中, 会在package.json的<strong>dependencies</strong>属性下添加 xx包，之后运行npm install命令时，会自动安装 xx 到node_modules目录中, 之后运行npm install –production或者注明NODE_ENV变量值为production时，<strong>会自动安装</strong> xx到node_modules目录中，</div>
</blockquote>
<h3>2.1.3 npm install xx -d 即 npm install xx --save-dev 写入devDependencies 用于开发环境</h3>
<blockquote>
<div>将xx包安装到 ./node_modules目录中 ,会在package.json的<strong>devDependencies</strong>属性下添加xx, 之后运行npm install命令时，会自动安装X到node_modules目录中 之后运行npm install –production或者注明NODE_ENV变量值为production时，<strong>不会自动安装</strong> xx到node_modules目录中</div>
</blockquote>
<h3>2.1.4 npm install xx -g 即 npm install xx -global 全局安装</h3>
<div>
<blockquote>
<div>将xx包安装到全局，不会在项目node_modules目录中保存模块包。 包具体安装到磁盘哪个位置，要看 npm config prefix 的位置，具体查看方法是在终端输入npm config edit，在弹出的文档中找到; prefix=<em>ff:\ddd</em>，就是安装路径了。不会将模块依赖写入devDependencies或dependencies 节点。 运行 npm install 初始化项目时不会下载模块。</div>
</blockquote>
<h2>2.2 Package.json 属性说明</h2>
<div>
<ul>
<li>
<p><strong>name</strong> - 包名。</p>
</li>
<li>
<p><strong>version</strong> - 包的版本号。</p>
</li>
<li>
<p><strong>description</strong> - 包的描述。</p>
</li>
<li>
<p><strong>homepage</strong> - 包的官网 url 。</p>
</li>
<li>
<p><strong>author</strong> - 包的作者姓名。</p>
</li>
<li>
<p><strong>contributors</strong> - 包的其他贡献者姓名。</p>
</li>
<li>
<p><strong>dependencies</strong> - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_module 目录下。</p>
</li>
<li>
<p><strong>repository</strong> - 包代码存放的地方的类型，可以是 git 或 svn，git 可在 Github 上。</p>
</li>
<li>
<p><strong>main</strong> - main 字段指定了程序的主入口文件，require('moduleName') 就会加载这个文件。这个字段的默认值是模块根目录下面的 index.js。</p>
</li>
<li>
<p><strong>keywords</strong> - 关键字</p>
</li>
</ul>
<h2>2.3 卸载包</h2>
</div>
<div>使用 <span class="pln">npm uninstall xx 卸载安装的包</span>
<h2>2.4 更新包</h2>
<p>使用 <span class="pln">npm update </span><span class="pln">xx 更新安装的包</span></p>
<h2>2.5 搜索包</h2>
<p>使用 <span class="pln">npm search <span class="pln">xx 搜索安装的包</span></span></p>
<h2>2.6 nrm包切换镜像源</h2>
<p>在国内直接使用 npm 的官方镜像是非常慢的，nrm包提供了一些最常用的NPM包镜像地址，能够让我们快速的切换安装包时候的服务器地址</p>
<p>使用 npm i nrm -g 命令全局安装nrm</p>
<p>安装可使用 nrm ls 查看当前所有可用的镜像源地址以及当前所使用的镜像源地址</p>
<p><img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220910002903963-1567877169.png" alt="" loading="lazy"></p>
<p>如果在其它工具终端运行上面命令报错：nrm : 无法加载文件 xxxxx，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。</p>
<p><img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220929160047866-1379200041.png" alt="" loading="lazy"></p>
<p>以管理员运行powershell，输入如下命令，可解决问题：</p>
<div class="cnblogs_code">
<pre>Set-ExecutionPolicy -ExecutionPolicy Unrestricted</pre>
</div>
<p><img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220929160227087-1861026549.png" alt="" loading="lazy"></p>
<p>使用`nrm use npm`或`nrm use taobao`切换为国内的镜像源地址</p>
<p><img src="https://img2022.cnblogs.com/blog/1610045/202209/1610045-20220910003036900-1625511371.png" alt="" loading="lazy"></p>
</div>
<div> </div>
</div><br><br>
来源：https://www.cnblogs.com/testlearn/p/16675776.html
頁:
[1]