npm安装、使用方法

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 install 

2.通过Github代码库地址安装
eg:npm install git://github.com/package/path.git

npm install <tarball url>

3.安装指定模块的指定标签 默认值为(@latest)
eg:npm install [email protected]

npm install [<@scope>/]<name>@<tag>

4.安装指定模块的指定版本

eg: npm install [email protected]

npm install [<@scope>/]@

5.安装指定指定版本范围内的模块
eg: npm install vue@“>=1.0.28 < 2.0.0”

npm install [<@scope>/]@

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模块和浏览器不能直接运行的拓展语言转换和打包成合适的格式提供给浏览器使用