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 相关文章推荐
JavaScript的eval JSON object问题
Nov 15 Javascript
理解javascript中的MVC模式
Jan 28 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
Apr 05 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
AngularJS service之select下拉菜单效果
Jul 28 Javascript
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
vue实现户籍管理系统
May 29 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 filter_var() 函数 Filter 函数
2012/04/25 PHP
CodeIgniter与PHP5.6的兼容问题
2015/07/16 PHP
php验证码生成器
2017/05/24 PHP
JavaScript Accessor实现说明
2010/12/06 Javascript
使用js 设置url参数
2013/07/08 Javascript
js call方法详细介绍(js 的继承)
2013/11/18 Javascript
js抽奖实现随机抽奖代码效果
2013/12/02 Javascript
json字符串之间的相互转换示例代码
2014/08/21 Javascript
jQuery实现的多屏图像图层切换效果实例
2015/05/07 Javascript
JS组件中bootstrap multiselect两大组件较量
2016/01/26 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
跨域资源共享 CORS 详解
2016/04/26 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
纯js仿淘宝京东商品放大镜功能
2017/03/02 Javascript
jquery平滑滚动到顶部插件使用详解
2017/05/08 jQuery
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
微信小程序代码上传、审核发布小程序
2019/05/18 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
2019/10/26 Javascript
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
python实现八大排序算法(2)
2017/09/14 Python
python输出100以内的质数与合数实例代码
2018/07/08 Python
PyCharm设置注释字体颜色以及是否倾斜的操作
2020/09/16 Python
Python Selenium操作Cookie的实例方法
2021/02/28 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
Farah官方网站:男士服装及配件
2019/11/01 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
个人求职简历的自我评价
2013/10/19 职场文书
旅游与酒店管理的自我评价分享
2013/11/03 职场文书
酒店财务总监岗位职责
2015/04/03 职场文书
奖金申请报告模板
2015/05/15 职场文书
2019年思想汇报
2019/06/20 职场文书