当前位置: 首页 > wzjs >正文

哪个网站做美食好一点今日最近的新闻大事10条

哪个网站做美食好一点,今日最近的新闻大事10条,镇江网站建设个,网站如何报备文章目录 npm命令全解析简介基础命令安装npm(npm -v检插版本)初始化项目(npm init)安装依赖包(npm install xxx、npm i xxx) 依赖管理精解依赖类型区分(生产环境依赖dependencies、开发环境依赖…

文章目录

  • npm命令全解析
    • 简介
    • 基础命令
      • 安装npm(npm -v检插版本)
      • 初始化项目(npm init)
      • 安装依赖包(npm install xxx、npm i xxx)
    • 依赖管理精解
      • 依赖类型区分(生产环境依赖dependencies、开发环境依赖devDependencies、宿主环境依赖peerDependencies、可选依赖optionalDependencies)
      • 版本控制策略
      • 依赖更新
        • 检查过时的包(npm outdated)
        • 更新特定包(npm update lodash)
        • 更新所有包(npm update)
    • 脚本与自动化
      • 自定义脚本
      • 钩子脚本(prebuild、postbuild编译前后打印)
    • 发布与共享
      • 创建可发布包
        • 注册npm账号(npm adduser)
        • 发布包(npm publish)
        • 发布特定标签版本(`npm publish --tag beta`)
      • 包版本管理
        • 补丁版本号+1 (1.0.0 -> 1.0.1)(npm version patch)
        • 次版本号+1 (1.0.0 -> 1.1.0)(npm version minor)
        • 主版本号+1 (1.0.0 -> 2.0.0)(npm version major)
    • 高级技巧
      • npm缓存操作
        • 清除缓存(`npm cache clean --force`)
        • 验证缓存(npm cache verify)
      • 安全审计
        • 检查安全漏洞(npm audit)
        • 自动修复问题(npm audit fix)
        • 仅修复开发依赖(`npm audit fix --only=dev`)
      • 私有注册表配置
        • 设置私有注册表(npm config set registry https://registry.company.com/)
        • 恢复默认注册表(npm config set registry https://registry.npmjs.org/)
    • 高效工作流
      • 交互式更新依赖
        • 交互式选择更新的依赖(`npx npm-check -u`)
      • 并行运行脚本(npm-run-all)
      • 依赖可视化
        • 安装依赖可视化工具(`npm install -g npmgraph`)
        • 生成依赖图(`npmgraph <package-name>`)
    • 最佳实践
      • 锁定依赖版本
        • 生成或更新package-lock.json(npm ci)
        • package-lock.json示例
      • 精简安装策略
        • 仅安装生产依赖(`npm install --production`)
        • 使用ci命令精确还原依赖(npm ci)

npm命令全解析

简介

npm (Node Package Manager) 是JavaScript运行时环境Node.js的默认包管理工具,为开发者提供了一种高效管理项目依赖的方式。作为世界上最大的软件注册表,npm包含了超过100万个开源包,极大地促进了JavaScript生态系统的繁荣发展。

基础命令

安装npm(npm -v检插版本)

npm随Node.js一起安装,可通过以下命令检查版本:

npm -v

在这里插入图片描述

初始化项目(npm init)

创建新项目时,首先需要初始化package.json文件:

npm init
# 或使用默认值快速创建
npm init -y

安装依赖包(npm install xxx、npm i xxx)

# 安装包并保存到dependencies
npm install lodash
# 简写形式
npm i lodash# 安装指定版本
npm install lodash@4.17.21# 安装开发依赖
npm install webpack --save-dev
# 或简写
npm i webpack -D

关于开发依赖,参考文章:npm开发依赖(仅在开发阶段需要,生产环境不需要的包)(npm install xxx --save-dev、npm i xxx -D、npm install --production)

依赖管理精解

依赖类型区分(生产环境依赖dependencies、开发环境依赖devDependencies、宿主环境依赖peerDependencies、可选依赖optionalDependencies)

{"dependencies": {"react": "^17.0.2"    // 生产环境依赖},"devDependencies": {"webpack": "^5.52.0"  // 开发环境依赖},"peerDependencies": {"react": ">=16.8.0"   // 宿主环境依赖},"optionalDependencies": {"fsevents": "^2.3.2"  // 可选依赖,安装失败不会导致npm install失败}
}

版本控制策略

"lodash": "^4.17.21"  // ^表示兼容补丁和小版本更新
"express": "~4.17.1"  // ~表示兼容补丁版本更新
"moment": "4.17.1"    // 精确版本
"webpack": ">=5.0.0"  // 大于等于指定版本

依赖更新

检查过时的包(npm outdated)
npm outdated
更新特定包(npm update lodash)
npm update lodash
更新所有包(npm update)
npm update

脚本与自动化

自定义脚本

package.json中定义常用操作:

{"scripts": {"start": "node server.js",            // 启动应用"dev": "nodemon server.js",           // 开发模式"build": "webpack --mode production", // 构建生产版本"test": "jest",                       // 运行测试"lint": "eslint ."                    // 代码检查}
}

运行脚本:

npm run dev
# start、test、stop、restart可以省略run
npm test

钩子脚本(prebuild、postbuild编译前后打印)

{"scripts": {"prebuild": "echo '构建前执行'",  // build前自动执行"build": "webpack","postbuild": "echo '构建后执行'"  // build后自动执行}
}

发布与共享

创建可发布包

注册npm账号(npm adduser)
发布包(npm publish)
发布特定标签版本(npm publish --tag beta

包版本管理

补丁版本号+1 (1.0.0 -> 1.0.1)(npm version patch)
次版本号+1 (1.0.0 -> 1.1.0)(npm version minor)
主版本号+1 (1.0.0 -> 2.0.0)(npm version major)

高级技巧

npm缓存操作

清除缓存(npm cache clean --force
验证缓存(npm cache verify)

安全审计

检查安全漏洞(npm audit)
自动修复问题(npm audit fix)
仅修复开发依赖(npm audit fix --only=dev

私有注册表配置

设置私有注册表(npm config set registry https://registry.company.com/)
恢复默认注册表(npm config set registry https://registry.npmjs.org/)

高效工作流

交互式更新依赖

交互式选择更新的依赖(npx npm-check -u

并行运行脚本(npm-run-all)

使用npm-run-all包简化多脚本运行:

{"scripts": {"lint:js": "eslint .",                      // JS代码检查"lint:css": "stylelint '**/*.css'",         // CSS代码检查"lint": "npm-run-all --parallel lint:*",    // 并行运行所有lint脚本"dev:server": "nodemon server.js",          // 后端开发服务"dev:client": "webpack serve",              // 前端开发服务"dev": "npm-run-all --parallel dev:*"       // 并行运行所有dev脚本}
}

依赖可视化

安装依赖可视化工具(npm install -g npmgraph
生成依赖图(npmgraph <package-name>

最佳实践

锁定依赖版本

生成或更新package-lock.json(npm ci)
package-lock.json示例
{"name": "project-name","lockfileVersion": 2,"requires": true,"packages": {"node_modules/lodash": {"version": "4.17.21","resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz","integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="}}
}

精简安装策略

仅安装生产依赖(npm install --production
使用ci命令精确还原依赖(npm ci)

通过本文全面掌握npm命令,能够显著提升JavaScript项目开发效率和质量。从基础命令到高级技巧,npm为现代JavaScript开发提供了强大而灵活的工具链支持。

http://www.dtcms.com/wzjs/280955.html

相关文章:

  • 做网站框架浏览时怎么变长松松软文
  • 免费代码网站可复制腾讯广告代理商加盟
  • 10m网站空间游戏推广合作
  • 合肥 电子商务 网站建设中文域名
  • 自助建站和速成网站深圳网络推广最新招聘
  • 怎么做一元购网站360推广开户
  • java web 网站开发运营商大数据精准营销
  • 提升网站流量的方法搜索指数查询
  • 网站改版 数据迁移小程序商城制作一个需要多少钱
  • 点开图片跳到网站怎么做女孩子做运营是不是压力很大
  • 满屏网站设计做多大北京网站优化企业
  • PHP动态网站开发技术试题seo网站排名后退
  • 凡客tv东莞市网站seo内容优化
  • 响应式网站设计常见的网络营销推广方式有哪些
  • 天河区营销型网站建设电脑优化大师哪个好
  • wordpress 图片列表seo站外优化最主要的是什么
  • 凡科做的网站手机版求老哥给几个靠谱的网站
  • 郑州市经开区建设局网站seovip培训
  • 建设政府网站集约化百家号关键词排名
  • 网站建设公司86215廊坊自动seo
  • 桂林北站到桂林站多远关键词优化有哪些作用
  • 做网站要多少费用seo推广工具
  • 自己有了域名 怎么做网站外链工具下载
  • 全国企业信用信息公示系统网站网站推广技巧和方法
  • 什么是成品网站seo矩阵培训
  • 移动端显卡网站seo排名优化工具在线
  • 有人模仿qq音乐做的h5网站吗大型营销型网站制作
  • 深圳高端网站建设多少钱河南制作网站公司
  • 自己做的网站外国人能访问吗杭州网站建设公司
  • 厦门seo排名公司南宁seo手段