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的简单图片切换效果
Jan 06 Javascript
js 有框架页面跳转(target)三种情况下的应用
Apr 09 Javascript
jQuery ui插件的使用方法代码实例
May 08 Javascript
js内置对象处理_打印学生成绩单的简单实现
Sep 24 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
vue router2.0二级路由的简单使用
Jul 05 Javascript
利用Ionic2 + angular4实现一个地区选择组件
Jul 27 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
JavaScript常用工具方法封装
Feb 12 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 Javascript
JavaScript逻辑运算符相关总结
Sep 04 Javascript
原生js实现表格循环滚动
Nov 24 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生成不重复标识符的方法
2014/11/21 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
PHP中大括号'{}'用法实例总结
2017/02/08 PHP
Colortip基于jquery的信息提示框插件在IE6下面的显示问题修正方法
2010/12/06 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
标准的js无缝滚动效果
2016/08/30 Javascript
利用bootstrapValidator验证UEditor
2016/09/14 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
js前端面试之同步与异步问题详解
2019/04/03 Javascript
Vue的状态管理vuex使用方法详解
2020/02/05 Javascript
如何实现echarts markline标签名显示自己想要的
2020/07/20 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
[03:30]DOTA2完美“圣”典精彩集锦
2016/12/27 DOTA
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
python实现猜数游戏
2020/03/27 Python
Python如何批量获取文件夹的大小并保存
2020/03/31 Python
keras:model.compile损失函数的用法
2020/07/01 Python
django rest framework使用django-filter用法
2020/07/15 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
什么是数据库锁?Oracle中都有哪些类型的锁?
2015/08/21 面试题
说一下Linux下有关用户和组管理的命令
2016/01/04 面试题
办护照工作证明
2014/10/01 职场文书
2014年质检员工作总结
2014/11/18 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
如何书写民事调解协议书?
2019/06/25 职场文书
导游词之河北野三坡
2019/12/11 职场文书
Python基础之数据类型知识汇总
2021/05/18 Python
vue实现省市区联动 element-china-area-data插件
2022/04/22 Vue.js