文章目录

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 install

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

npm安装、使用方法相关推荐

Web前端培训知识分享：2种离线安装npm包的方法
学习Web前端的朋友都知道JavaScript是前端绕不开的话题,也是学习的重难点.而npm是连接JavaScript的一扇大门,能解决NodeJS代码部署上的很多问题,很多人在学习时对于npm包怎么 ...
npm 安装依赖报错解决方法总结
npm 安装依赖报错解决方法总结参考文章: (1)npm 安装依赖报错解决方法总结 (2)https://www.cnblogs.com/ysxq/p/11658571.html (3)https: ...
使用nvm管理node版本，npm安装失败解决方法
原因:项目太多,且对node版本要求不一,因此选择用nvm管理node版本步骤: 一.卸载已安装的node版本(有安装过node) node -v //查询node版本,有证明有安装node whe ...
vue.js安装过程(npm安装)
一.开发环境 vue推荐开发环境: Node.js: JavaScript运行环境(runtime),不同系统直接运行各种编程语言 npm: Nodejs下的包管理器. webpack: 它主要的用途 ...
Node.js环境搭建npm安装
Node.js环境搭建什么使Node.js呢?我们知道JavaScript开始作为客户端语言,但早已在浏览器端一统江湖,这时,野心越来越大,它就想向服务器端拓展了,于是Node.js就是这样的,我们 ...
解决国内NPM安装依赖速度慢问题
不知道各位是否遇到这种情况,使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因 ...
ES6公用花瓣飘落插件的封装及使用，支持npm安装
前言此组件为本人使用ES6封装的花瓣飘落插件,已应用于多个活动,以下只分享组件的实现及使用方法,不涉及活动相关代码,插件已上传npm,可通过npm安装使用. github地址:https://git ...
nodejs+webpack+vue以及npm安装对应的库
vue.js 是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件.vue ...
node php环境变量配置,关于NodeJS、NPM安装配置步骤(windows版本) 以及环境变量的介绍...
本篇文章主要介绍了NodeJS.NPM安装配置步骤(windows版本) 以及环境变量详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 1.windows下的NodeJS安装是比较方便的(v0. ...

npm安装、使用方法

文章目录

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安装、使用方法相关推荐

最新文章

热门文章