npm的使用

package.json

  • 快速生成package.json npm init -y

  • "version": "~1.1.0"

    格式为:「主版本号. 次版本号. 修订号」。

    修改主版本号是做了大的功能性的改动

    修改次版本号是新增了新功能

    修改修订号就是修复了一些bug

  • dependencies

    "dependencies": {
    "react": "17.0.2",// 固定版本
    "react-dom": "~17.0.2",// 不低于17.0.2版本,但是不改变主版本号和次版本号
    "react-scripts": "^4.0.3",// 不低于4.0.3版本,但是不改变主版本号
    "jquery": "latest",// 安装最新版本
    "@aurora/card": "1.0.3" // @aurora/card是个范围包,aurora是范围名称,aurora范围下的card包
    }

  • 第三方相关配置
    1、typings 指定 TypeScript 的入口文件
    2、eslintConfig eslint的配置
    3、babel 指定 Babel 的编译配置
    4、browserslist 用来告知支持哪些浏览器及版本
    5、lint-staged 和 gitHooks 一起配置,每次提交代码只会检查当前改动的文件

npm的安装机制

  • 缓存位置(windows)
    user\xxx\AppData\Roaming\npm-cache当中的_cacache文件夹

  • 清理缓存(无论在哪里执行命令都会删除_cacache)
    npm cache clean -f

  • package-lock.json(可以保证项目成员依赖尽量一致)

    package.json中多数定义的是版本范围 "vue": "~1.0.0", "jquery": "^5.2.1"
    package-lock.json会锁定版本 "vue": "1.0.5", "jquery": "5.3.18"
    npm install(无lock文件) -> "vue": "1.0.10" "jquery": "^5.9.2"
    npm install(有lock文件) -> "vue": "1.0.5" "jquery": "5.3.18"

设置镜像源(.npmrc文件)

安装、更新、删除依赖

  • 查看和安装依赖
    查看项目中的依赖 npm list npm list xxx(包含xxx的位置)
    安装项目的全部依赖 npm install
    项目中增加某个依赖包 npm install xxx npm install xxx@版本号
    安装依赖并把依赖项保存到package.json文件中 npm install --save
    全局安装(C:\user\当前用户\AppData\Roaming\npm中) npm install xxx -g
  • 安装依赖不成功或者版本对不上
    1、镜像源设置不对 (跟运行正常的同事对一下.npmrc文件设置,用户级和项目级的)
    2、npm缓存影响 (删除node_module + npm cache clean -f)
    3、lock文件的影响 (更新或者删除lock文件)
    4、ssl验证问题Error: unable to verify the first certificate (npm config set strict-ssl false)
  • 更新和删除项目中的包(node_module上级目录中打开终端)
    npm update xxx
    npm remove xxx (package.json中记录的依赖项也会被删除)
相关推荐
lecepin1 小时前
AI Coding 资讯 2025-09-17
前端·javascript·面试
IT_陈寒1 小时前
React 18实战:7个被低估的Hooks技巧让你的开发效率提升50%
前端·人工智能·后端
树上有只程序猿2 小时前
终于有人把数据库讲明白了
前端
猩兵哥哥2 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
司宸2 小时前
Prompt设计实战指南:三大模板与进阶技巧
前端
RoyLin2 小时前
TypeScript设计模式:抽象工厂模式
前端·后端·typescript
华仔啊2 小时前
Vue3+CSS 实现的 3D 卡片动画,让你的网页瞬间高大上
前端·css
江城开朗的豌豆2 小时前
解密React虚拟DOM:我的高效渲染秘诀 🚀
前端·javascript·react.js
vivo互联网技术2 小时前
拥抱新一代 Web 3D 引擎,Three.js 项目快速升级 Galacean 指南
前端·three.js