windows实现npm和cnpm安装步骤


Posted in Javascript onOctober 24, 2019

一、什么是npm和cnpm

npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”

二、安装nodejs

1、首先前往nodejs官网下载nodejs

windows实现npm和cnpm安装步骤 

2、然后点击安装,选择自己要安装的路径,此处我选择的是:D:\Program Files\nodejs,安装至完成。

3.window+R,输入cmd,打开命令提示符窗口,输入:

npm -v

检测是否安装成功,如果输出版本号,则表示安装成功,如图:

windows实现npm和cnpm安装步骤

二、改变原有的环境变量

1、首先配置npm的全局模块的存放路径、cache的路径,此处我选择放在:D:\Program Files\nodejs
输入如下命令:

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache"D:\Program Files\nodejs\node_cache"

如下图所示:

windows实现npm和cnpm安装步骤 

完成后可以在文件夹中看到相应名字的文件夹,如下:

windows实现npm和cnpm安装步骤

2、在系统环境变量添加NODE_PATH,输入路径为:

D:\Program Files\nodejs\node_global

操作如下:我的电脑右击,打开属性->高级系统设置->环境变量->新建(系统变量下)->输入变量名NODE_PATH->变量值:输入上面路径,确定即可。

windows实现npm和cnpm安装步骤

3、在命令行输入以下命令安装express(注:“-g”表示安装到global目录下,就是上面设置的node_global中)

npm install express -g

windows实现npm和cnpm安装步骤 

可以看到node_global/node_modules下有express了,如图:

windows实现npm和cnpm安装步骤 

4、在命令行输入node进入编辑模式,输入以下代码检测是否能正常加载模块:

require('express')

windows实现npm和cnpm安装步骤 

如果成功,如上图显示;如果出错,检测下上面配置的NODE_PATH是否配置或者配置正确。

三、安装cnpm

1、安装cnpm,输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

如下图:

windows实现npm和cnpm安装步骤 

2、输入cnpm -v ,检测是否正常,但是这里会报错。

3、添加系统变量path的内容

因为cnpm会被安装到D:\Program Files\nodejs\node_global下,而系统变量path并未包含该路径。在系统变量path下添加该路径即可正常使用cnpm。

如图,修改系统变量path:

windows实现npm和cnpm安装步骤 

然后再次输入cnpm -v ,结果如下:

windows实现npm和cnpm安装步骤

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
DOM基础教程之使用DOM设置文本框
Jan 20 Javascript
轻松实现JavaScript图片切换
Jan 12 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
JS实现的简单下拉框联动功能示例
May 11 Javascript
Angular5中状态管理的实现
Sep 03 Javascript
JS工厂模式开发实践案例分析
Oct 17 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 Javascript
js 实现验证码输入框示例详解
Sep 23 Javascript
JS实现简单随机3D骰子
Oct 24 #Javascript
JS合并两个数组的3种方法详解
Oct 24 #Javascript
js实现简单掷骰子小游戏
Oct 24 #Javascript
js实现GIF图片的分解和合成
Oct 24 #Javascript
js实现掷骰子小游戏
Oct 24 #Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 #Javascript
js实现GIF动图分解成多帧图片上传
Oct 24 #Javascript
You might like
php 上传功能实例代码
2010/04/13 PHP
神盾加密解密教程(一)PHP变量可用字符
2014/05/28 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
js控制淡入淡出示例代码
2013/11/12 Javascript
java和javascript获取word文档的书签位置对比
2014/06/19 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
js QQ客服悬浮效果实现代码
2014/12/12 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
移动端图片上传旋转、压缩问题的方法
2018/10/16 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
Nodejs核心模块之net和http的使用详解
2019/04/02 NodeJs
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
Javascript如何实现扩充基本类型
2020/08/26 Javascript
python列出目录下指定文件与子目录的方法
2015/07/03 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
Python Requests库基本用法示例
2018/08/20 Python
python实现从文件中读取数据并绘制成 x y 轴图形的方法
2018/10/14 Python
python itchat实现调用微信接口的第三方模块方法
2019/06/11 Python
python实现简单坦克大战
2020/03/27 Python
python 模拟登陆163邮箱
2020/12/15 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
新锐科技Java程序员面试题
2016/07/25 面试题
DELPHI面试题研发笔试试卷
2015/11/08 面试题
英语师范专业毕业生自荐信
2013/09/21 职场文书
电信专业毕业生推荐信
2013/11/18 职场文书
人事部岗位职责范本
2014/03/05 职场文书
慈善捐赠倡议书
2014/08/30 职场文书
语文教师求职信范文
2015/03/20 职场文书
2015年暑期实践报告范文
2015/07/13 职场文书