文章目录
- npm安装、使用方法
- 1.npm介绍
- 2.npm查看版本
- 3.npm查看所有命令列表
- 4.npm查看所有命令用法
- 5.npm查看配置
- 6.npm永久换源
- 7.npm查看换源是否成功
- 8.npm创建模块
- 9.npm查看项目已安装的所有模块
- 10.npm发布模块
- 11.npm局部安装依赖命令
- 12.npm局部安装依赖
- 13.npm局部随便安装依赖
- 14.npm查看全局安装路径
- 15.npm修改全局安装路径
- 16.npm修改全局换环境变量
- 17.npm修改全局安装路径测试
- 18.npm全局依赖的版本查看
- 19.npm全局安装依赖
- 20.npm全局安装webpack及webpack-cli
npm安装、使用方法
1.npm介绍
npm的全称是(Node Package Manager)，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包
2.npm查看版本
nmp -v
3.npm查看所有命令列表
4.npm查看所有命令用法
5.npm查看配置
6.npm永久换源
npm config set registry https://registry.npm.taobao.org由于node下载第三方依赖包是从国外服务器下载，虽然没有被墙，但是下载的速度是非常的缓慢且有可能会出现异常；
所以为了提高效率，我们还是把npm的镜像源替换成淘宝的镜像源
cmd里面直接输入即可
7.npm查看换源是否成功
8.npm创建模块
创建一个"1"文件夹
开始让自己填信息，(1)是系统自己为我们生成的
description系统没有为我们生成“()这样的内容”
系统自动为我们生成一个文件，并填入内容
9.npm查看项目已安装的所有模块
10.npm发布模块
(1)未注册,申请注册一个用户,直接在https://www.npmjs.com/注册一样
npm adduser
执行后 填写几个问题 Username、Password、Email
(2)已注册
npm login
2.发布
npm publish
11.npm局部安装依赖命令
讲解:
| 模块名
版本号
版本范围
<@scope> 作用域。所有 npm 软件包都有一个名称。某些软件包名称也有作用域。1.读取package.json里面的配置单安装 ,可简写成 npm i
npm install2.通过Github代码库地址安装
eg:npm install git://github.com/package/path.git
npm install <tarball url>3.安装指定模块的指定标签 默认值为(@latest)
eg:npm install sax@0.1.1
npm install [<@scope>/]<name>@<tag>4.安装指定模块的指定版本
eg: npm install gulp@3.9.1
npm install [<@scope>/]<name>@<version>5.安装指定指定版本范围内的模块
eg: npm install vue@“>=1.0.28 < 2.0.0”
npm install [<@scope>/]<name>@<verson range>6.默认安装指定模块的最新(@latest)版本
eg:npm install gulp
npm install [<@scope>/]<name>12.npm局部安装依赖
先安装一个依赖
再安装一个依赖
13.npm局部随便安装依赖
14.npm查看全局安装路径
15.npm修改全局安装路径
在node.js安装目录下新建两个文件夹 node_global和node_cache，然后执行如下两个命令：
npm config set prefix "D:\CodeSoftware\node.js\node_global"
npm config set cache "D:\CodeSoftware\node.js\node_cache"
16.npm修改全局换环境变量
(1)环境变量 —> 系统变量中新建一个变量名为 NODE_PATH， 值为：D:\CodeSoftware\node.js\node_modules
(2)最后编辑 用户变量 里的Path，将相应npm的路径改为：D:\CodeSoftware\node.js\node_global
17.npm修改全局安装路径测试
不推荐全局安装，因为这会将你项目中的所用的该依赖锁定到指定版本，并且在使用不同的依赖的版本的项目中，可能会导致构建失败
18.npm全局依赖的版本查看
19.npm全局安装依赖
发现仍还是在官网上进行下载
20.npm全局安装webpack及webpack-cli
通过上面的示例，我们应该可以很清楚的知道webpack是一个打包器（bundler），它能将多个js文件打包成一个文件（其实不止能打包js文件，也能打包其他类型的文件，比如css文件，json文件等）;
分析项目结构，将JavaScript模块和浏览器不能直接运行的拓展语言转换和打包成合适的格式提供给浏览器使用
