npm的安装和配置
从官网下载node.js,点击安装,一直next就行,最后检查是否安装成功。
查看node版本,node -v
查看npm版本,npm -v
配置npm全局模块的存放路径以及cache的路径
在nodejs下建立"node_global"及"node_cache"两个文件夹
以管理员身份打开命令行窗口,输入以下两句命令,目录是你安装的nodejs的位置
npm config set prefix "E:\nodejs\node_global" //全局模块存放路径
npm config set cache "E:\nodejs\node_cache" //缓存模块存放路径
右键打开此电脑>属性>高级系统设置>环境变量>系统变量,在系统变量的Path中添加 E:\nodejs\node_global 路径
为了提高下载安装速度,配置了镜像站
npm config set registry=http://registry.npm.taobao.org
输入npm config list ,可以查看npm的配置信息,如
最后使用命令 npm install xxx(如vue) -g,即可安装全局依赖,在node_global目录下可以找到安装的包。
npm的项目使用
- 找到项目目录(示例我的在hbuilderx创建的项目,E:\HBuilderX\project\npmTest);
- (以管理员身份运行)打开命令行窗口,输入E: 回车, cd E:\HBuilderX\project\npmTest 即进入项目目录;
- 输入 npm init -y 回车,会在项目目录下创建package.json,用于配置所需加载的包;
- 示例安装vue 包 :npm install(或 i ) vue,此时在项目中会生成一个node_moudules的文件夹,里面包含了所安装的包,同时会把依赖写到package.json的dependencies里面。
在npm中,包(package)、模块(module)、依赖(dependency)都是同一个概念。
npm常用命令
- npm init : 初始化项目,自动创建一个package.json文件 。
- npm help xxx :查看xxx命令的帮助信息,如npm help version,会打开一个帮助介绍网页。
- npm install ( i ) :安装项目依赖
安装多个依赖可用空格分隔,如 npm i jquery vue
指定需要安装的版本,如 npm i jquery@版本号,若不指定则安装最新的稳定版。 - npm uninstall:卸载
卸载多个依赖可用空格分割,如npm install jquery vue
完全卸载,并将依赖信息从package.json的“dependencies”中清除,如npm install jquery -D - npm list -g : 列出已安装的全局依赖
- npm list : 默认列出局部依赖
- npm outdated : 检查过期依赖
- npm update xxx: 更新局部依赖
- npm update xxx -g: 更新全局依赖
- npm root : 查看局部依赖安装路径,即node_modules的路径
- npm -root -g : 查看全局依赖安装路径
- npm view :查看模块的注册信息
- npm view xxx versions :列出模块的所有版本,如npm view jquery versions
- npm view xxx dependencies :列出模块的所有依赖,如npm view gulp dependencies
- npm info xxx :列出模块的信息,如npm info jquery
继续下文,下部分关于webpack4的链接