Web前端 -- NPM包管理器
2023-09-14 08:59:00 时间
初始化:
#建立一个空文件夹,在命令提示符进入该文件夹 执行命令初始化
npm init
#按照提示输入相关信息,如果是用默认值则直接回车即可。
#name: 项目名称
#version: 项目版本号
#description: 项目描述
#keywords: {Array}关键词,便于用户搜索到我们的项目
#最后会生成package.json文件,这个是包的配置文件,相当于maven的pom.xml
#我们之后也可以根据需要进行修改。
#如果想直接生成 package.json 文件,那么可以使用命令
npm init -y
修改npm镜像:
#经过下面的配置,以后所有的 npm install 都会经过淘宝的镜像地址下载
npm config set registry https://registry.npm.taobao.org
#查看npm配置信息
npm config list
npm install命令:
#使用 npm install 安装依赖包的最新版,
#模块安装的位置:项目目录\node_modules
#安装会自动在项目目录下添加 package-lock.json文件,这个文件帮助锁定安装包的版本
#同时package.json 文件中,依赖包会被添加到dependencies节点下,类似maven中的 <dependencies>
npm install jquery
#npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
npm install #根据package.json中的配置下载依赖,初始化项目
#如果安装时想指定特定的版本
npm install jquery@2.1.x
#devDependencies节点:开发时的依赖包,项目打包到生产环境的时候不包含的依赖
#使用 -D参数将依赖添加到devDependencies节点
npm install --save-dev eslint
#或
npm install -D eslint
#全局安装
#Node.js全局安装的npm包和工具的位置:用户目录\AppData\Roaming\npm\node_modules
#一些命令行工具常使用全局安装的方式
npm install -g webpack
package-lock.json文件:
{
"name": "npm",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"jquery": {
"version": "3.5.1",
"resolved": "https://registry.npm.taobao.org/jquery/download/jquery-3.5.1.tgz",
"integrity": "sha1-17TQjhv9uGrS8aPQOeoXMEcXq7U="
}
}
}
npm的其他命令:
#更新包(更新到最新版本)
npm update 包名
#全局更新
npm update -g 包名
#卸载包
npm uninstall 包名
#全局卸载
npm uninstall -g 包名
相关文章
- [Web 前端 ] 五大WEB主流浏览器及四大内核
- 云集,让 web app 像 native app 那样运行(雄起吧,Web 开发者)
- 【WEB前端】web前端获取的long长整型字段精度丢失问题,解决方案?
- 有关npm rum的3个简洁技巧
- GitHub 宣布正式收购 npm | 云原生生态周报 Vol. 42
- [NPM] Create a new project using the npm init <initializer> command
- [Tool] Open Multiple Terminal Tabs on npm Start with ttab and npm-run-all
- [NPM] Create a node script to replace a complex npm script
- [NPM] Make npm scripts cross-environment friendly
- [NPM] Run npm scripts with git hooks
- [NPM] Pass arguments to npm scripts
- [NPM] Run a set of similar npm scripts with a wildcard
- npm scripts 使用指南
- Web前端 -- NPM包管理器
- [NPM] Execute npx commands with $npm_ Environment Variables
- [NPM] Create a new project using the npm init <initializer> command
- loadrunner12.55:常用函数汇总说明之Web Vuser Functions(WEB)参数函数
- vue npm run serve/dev命令后台运行:nohup npm run serve >web.log 2>&1 & exit
- npm scripts的生命周期管理
- Atitit web 之道 艾龙著 Atitit web 之道 艾龙艾提拉著v2 saa.docx Atitit web开发之道 attilax著 Web应用 1. 第1章 Web编程基础知识 (
- Atitit web 之道 艾龙著 Atitit web 之道 艾龙艾提拉著v2 saa.docx 1. 第1章 Web编程基础知识 (1)3 1.1. 1.1 什么是Web (1)3 1.2.
- 在mac上安装cnpm一直报错!Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! { [
- 当运行npm install 命令的时候带上ignore-scripts,会发生什么?
- Node.js:使用nrm来管理npm源
- npm install命令请求制品库地址的说明
- 国内优秀npm镜像推荐
- npm的镜像替换淘宝