适合前端小白的-NPM包管理命令合集

什么是NPM

NPM代表Node Package Manager(Node包管理器),它是一个用于管理和共享JavaScript代码模块的工具。JavaScript是一种在网页开发中广泛使用的编程语言,而NPM使开发人员能够更轻松地共享、重用和维护他们编写的代码。

NPM最初是作为Node.js的软件包管理工具而创建的,用于管理Node.js应用程序的依赖关系和模块。随着时间的推移,NPM变得非常流行,并且逐渐成为广泛用于前端和后端JavaScript开发的工具。开发人员可以使用NPM来安装、更新、发布和管理各种JavaScript包(也称为模块或库),这些包可以包含从小型功能性工具到大型应用框架的各种类型的代码。

接下来就让我们开始学习npm的使用与安装

安装npm

  1. 访问Node.js官方网站:https://nodejs.org/

  2. 在主页上,你将看到"LTS"和"Current"版本的选项。通常建议选择"LTS"版本,这是长期支持版本,更加稳定。

  3. 点击"LTS"版本后,将会下载一个Windows Installer(.msi)文件。双击该文件运行安装程序。

  4. 按照安装程序的指示进行操作,接受许可协议、选择安装路径等。

  5. 完成安装后,打开命令提示符或PowerShell窗口,运行以下命令验证安装:

    Copy code
    node -v
    npm -v
    

    如果安装成功,将分别显示Node.js和NPM的版本号。

NPM 常见命令

注意:<package>表示我们将要执行的包的名称

  1. npm init

    此命令会在项目目录中创建一个新的package.json文件。这个文件用来描述项目的元信息,以及列出项目所需的依赖项和其他配置。

  2. npm install <package>

    此命令会帮助我们安装指定的包。可以在包名后面加上@<version>来安装特定版本的包。

    • 例子:npm install lodashnpm install lodash@4.17.21
  3. npm install

    此命令会根据package.json文件中的依赖列表,安装项目所需的所有依赖项。

  4. npm install -g <package>

    此命令会全局安装我们指定的包。这些包通常是一些命令行工具或全局可用的模块。

    • 例子:npm install -g nodemon
  5. npm uninstall <package>

    此命令会卸载我们指定的包。

  6. npm update <package>

    此命令会更新我们指定的包到最新版本。

  7. npm update

    此命令会把我们项目中所有的包更新到它们的最新版本。

  8. npm list

    此命令会列出当前项目的所有依赖项以及它们的版本。

  9. npm search <keyword>

    此命令会在NPM包注册表中搜索包含指定关键字的包。

  10. npm outdated

    此命令会列出过时的依赖项,显示它们当前的版本和最新的版本。

  11. npm info <package>

    此命令会获取关于指定包的信息,包括版本、作者、依赖项等。

  12. npm run <script>

    此命令会运行在package.json文件中定义的脚本。例如,可以运行项目的自定义构建脚本或测试脚本。

  13. npm publish

    此命令会将你编写的包(也称为模块或库)发布到NPM的包注册表,以便其他开发人员可以找到、安装和使用你的包

相关推荐
吃杠碰小鸡11 分钟前
commitlint校验git提交信息
前端
虾球xz42 分钟前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇1 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒1 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员1 小时前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
野槐1 小时前
前端图像处理(一)
前端
程序猿阿伟1 小时前
《智能指针频繁创建销毁:程序性能的“隐形杀手”》
java·开发语言·前端
疯狂的沙粒1 小时前
对 TypeScript 中函数如何更好的理解及使用?与 JavaScript 函数有哪些区别?
前端·javascript·typescript
瑞雨溪1 小时前
AJAX的基本使用
前端·javascript·ajax
力透键背1 小时前
display: none和visibility: hidden的区别
开发语言·前端·javascript