相关推荐recommended
前端开发技术栈(工具篇):VueNode.js项目构建和包管理器npm的使用以及命令详解
作者:mmseoamin日期:2024-01-23

目录

npm概述

常用的npm命令

下载三方包的方法

依赖包版本号

npm run命令报错

npm run dev报错引发的思考

npm run dev/build/serve

npm install *

npm install * --save

npm install * --save-dev

npm install -g 全局安装

-g和--save-dev的区别和关系

--save和--save-dev命令的区别

总结


前端开发技术栈(工具篇):VueNode.js项目构建和包管理器npm的使用以及命令详解,图片,第1张

更多关于Vue前端相关技术点,敬请关注公众号:CTO Plus后续的发文,有问题欢迎后台留言交流。

前端开发技术栈(工具篇):VueNode.js项目构建和包管理器npm的使用以及命令详解,图片,第2张

在Vue3/Node.js的开发过程中,我们经常会使用npm来安装和管理项目中的依赖包。在前面的几篇文章中我们已经介绍过了npm工具的详细使用方法和常用的一些操作指令,具体可以参考公众号CTO Plus这篇文章《前端开发技术栈(工具篇):详细介绍npm、pnpm和cnpm分别是什么,使用方法以及之间有哪些关系》。

npm 是一个强大的包管理工具,它使开发人员能够轻松地安装、更新和管理项目依赖的包。通过初始化一个package.json 文件,你可以描述你的项目并记录其依赖关系。使用 npm install 命令,你可以安装和管理包。使用 npm publish 命令,你可以发布自己的包到 npm 注册表。无论是在开发过程中还是在分享你的包时,npm 都提供了丰富的功能和命令来满足你的需求。

原文:前端开发技术栈(工具篇):Vue/Node.js项目构建和包管理器npm的使用以及命令详解

工具类推荐阅读:

  • 《前端开发技术栈(工具篇):2023最新版nvm的Win/Linux安装和使用(详细)》

  • 《前端开发技术栈(工具篇):2023深入了解快速开发工具vite的安装和使用(详细)》

  • 《前端开发技术栈(工具篇):2023深入了解webpack的安装和使用以及核心概念和启动流程(详细)》

  • 《前端开发技术栈(工具篇):详细介绍npm、pnpm和cnpm分别是什么,使用方法以及之间有哪些关系》

  • 《前端开发技术栈(工具篇):Vue/Node.js项目构建和包管理器npm的使用以及命令详解》

  • 《前端开发技术栈(工具篇):Vite在项目中的一些实践以及vite和webpack的区别,为什么选择Vite》

  • 《Vite实战案例:构建快速、高效的现代前端项目》

  • 《Vue进阶:得心应手的开发体验-基于Pycharm的Vue3项目构建与开发环境搭建》

    其他更多关于Vue前端开发知识点、工具和技巧,请关注公众号CTO Plus后续的文章,有问题欢迎后台留言交流。

    本篇将分享一些关于npm包管理器的开发技巧和注意事项。

    npm概述

    前端开发技术栈(工具篇):VueNode.js项目构建和包管理器npm的使用以及命令详解,图片,第3张

    npm(Node Package Manager)是一个用于管理和分享JavaScript 包的工具。它是 Node.js 的默认包管理器,也是世界上最大的开源软件注册表。npm 提供了一系列命令和功能,使开发人员能够轻松地安装、更新和管理项目依赖的包。

    常用的npm命令

    npm提供了许多命令来帮助你管理和使用包。以下是一些常用的 npm 命令:

    1. npm init - 初始化一个新的 npm 项目,并生成 package.json 文件。

    2. npm install - 安装项目依赖的所有包。

    3. npm install - 安装指定的包。

    4. npm install --save - 安装指定的包,并将其添加到 dependencies 字段中。

    5. npm install --save-dev - 安装指定的包,并将其添加到 devDependencies 字段中。

    6. npm uninstall - 卸载指定的包。

    7. npm update - 更新项目依赖的所有包。

    8. npm update - 更新指定的包。

    9. npm outdated - 检查项目依赖的包是否有更新。

    10. npm run