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 相关文章推荐
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
Apr 20 Javascript
表单元素事件 (Form Element Events)
Jul 17 Javascript
jQuery checkbox全选/取消全选实现代码
Nov 14 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Aug 12 Javascript
jQuery队列操作方法实例
Jun 11 Javascript
jQuery限制图片大小的方法
May 25 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
Jun 08 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
微信小程序使用form表单获取输入框数据的实例代码
May 17 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
Apr 18 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
Vue使用mixin分发组件的可复用功能
Sep 01 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
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
php连接微软MSSQL(sql server)完全攻略
2016/11/27 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
window.onbeforeunload方法在IE下无法正常工作的解决办法
2010/01/23 Javascript
轻量级 JS ToolTip提示效果
2010/07/20 Javascript
Javascript面象对象成员、共享成员变量实验
2010/11/19 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
2013/03/12 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
win7下安装配置node.js+express开发环境
2015/12/06 Javascript
Validform+layer实现漂亮的表单验证特效
2016/01/17 Javascript
使用ajaxfileupload.js实现上传文件功能
2016/08/13 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
微信小程序“摇一摇”的实例代码
2017/07/20 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
Vue源码解析之数据响应系统的使用
2019/04/24 Javascript
vue+layui实现select动态加载后台数据的例子
2019/09/20 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
利用python在excel里面直接使用sql函数的方法
2019/02/08 Python
PyQt5实现简易计算器
2020/05/30 Python
详解CSS 3 中的 calc() 方法
2018/01/12 HTML / CSS
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
采购部部门职责
2013/12/15 职场文书
《桥》教学反思
2014/04/09 职场文书
优秀党员先进事迹材料
2014/12/18 职场文书
2015年医院后勤工作总结
2015/05/20 职场文书
2015年教学副校长工作总结
2015/07/22 职场文书
导游词之永济鹳雀楼
2020/01/16 职场文书
详解Python requests模块
2021/06/21 Python
Apache SkyWalking 监控 MySQL Server 实战解析
2022/09/23 Servers