适合前端小白的-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的包注册表,以便其他开发人员可以找到、安装和使用你的包

相关推荐
nwsuaf_huasir15 小时前
积分旁瓣电平-matlab函数
前端·javascript·matlab
韭菜炒大葱16 小时前
React Hooks :useRef、useState 与受控/非受控组件全解析
前端·react.js·前端框架
Cache技术分享16 小时前
280. Java Stream API - Debugging Streams:如何调试 Java 流处理过程?
前端·后端
微爱帮监所写信寄信16 小时前
微爱帮监狱寄信写信小程序信件内容实时保存技术方案
java·服务器·开发语言·前端·小程序
沛沛老爹16 小时前
Web开发者实战A2A智能体交互协议:从Web API到AI Agent通信新范式
java·前端·人工智能·云原生·aigc·交互·发展趋势
这是个栗子16 小时前
【Vue代码分析】vue方法的调用与命名问题
前端·javascript·vue.js·this
全栈前端老曹16 小时前
【前端路由】Vue Router 动态导入与懒加载 - 使用 () => import(‘...‘) 实现按需加载组件
前端·javascript·vue.js·性能优化·spa·vue-router·懒加载
Zyx200716 小时前
构建现代 React 应用:从项目初始化到路由与数据获取
前端
大布布将军16 小时前
☁️ 自动化交付:CI/CD 流程与云端部署
运维·前端·程序人生·ci/cd·职场和发展·node.js·自动化
LYFlied16 小时前
Vue.js 中的 XSS 攻击防护机制详解
前端·vue.js·xss