参考:https://blog.csdn.net/suiyuehuimou/article/details/74143436

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143450141843488beddae2a1044cab5acb5125baf0882000

node.js 版本号V8.11.2

npm 版本号 V5.6.0

安装node.js

由于Node.js平台是在后端运行JavaScript代码,所以,必须首先在本机安装Node环境。

1.首先我们要到nodejs官网(https://nodejs.org)上下载node,我们选择使用人数最多的版本

2.下载完成后,直接运行安装程序,可以修改下安装路径(建议别安装在系统盘),我安装到了D:\\Program Files\,剩下的就一直点下一步;

3.安装完成后,win+R打开cmd,输入node -v,如果可以看到版本号,恭喜你安装成功了!

C:\WINDOWS\system32>node -v
v8.11.2

安装npm

在正式开始Node.js学习之前,我们先认识一下npm。

npm是什么东东?npm其实是Node.js的包管理工具(package manager)。

为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。

更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。

1.npm的安装,由于新版的nodejs已经集成了npm,所以之前安装node的时候npm也连带装好了。在命令行中输入 npm -v 来测试是否已经成功安装npm,出现版本号就表示成功安装了。

C:\WINDOWS\system32>npm -v
5.6.

ps:有时候可能会出现你输入命令号,提示不是内部命令,这时候可以把cmd关掉再新开一个cmd试试。

2.下面我们来进行npm全局模块的存放路径以及cache的路径的配置,这些路径默认是在 C 盘的,我觉得这样会增加系统盘的负担,所以我希望将以上两个文件放在nodejs的主目录下,因此我在nodejs目录下也就是我的安装目录下建立了”node_gobal”和”node_cache”两个文件夹;

3.进入cmd命令行,输入以下的命令设置全局模块的安装路径到node_gobal文件夹,缓存到node_cache文件夹:

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

4.设置完成后,我们可以安装一个模块测试一下,我们安装express模块,进入cmd命令行输入 npm install -g express(“-g”表示装到global目录下,也就是刚才设置“D:\Program Files\nodejs\node_gobal”目录下)。

卸载命令:
npm uninstall express -g

5.由于node全局模块大多数都是可以通过命令行访问的,所以还要把“D:\Program Files\nodejs\node_gobal”加入到系统PATH中,方便直接使用命令行运行。

环境变量--->系统变量        新建NODE_PATH

环境变量--->用户变量,Path 点击编辑,然后新建下图的记录:

安装cnpm

因为墙的存在,国内的小伙伴想愉快的使用npm会发现很不爽,所以一般我们都会选择安装淘宝团队搭建的npm的镜像cnpm.

1.输入命令安装cnpm(这块坑比较多)

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

2.输入cnpm -v 检查是否安装正常

3.添加系统变量path的内容:环境变量--->系统变量    Path点击编辑,然后新建下图中的两条记录。

卸载cnpm

命令行工具里输入命令   npm config list  回车看到现有的源是taobao

然后在命令行工具里输入如下命令, npm config delete registry ,然后回车。

在输入命令   npm config list  回车看到现有的源已经变了,这样就好了。

为了防止以后再使用cnpm,用下面命令恢复taobao的镜像

npm config set registry ''http://registry.npm.taobao.org''

总结

至此,我们的环境配置就算完成了,可以愉快地进行后续开发工作了!不过估计有很多同学的安装过程不是一帆风顺(我反正是第一遍没配置成功,配置完后最好重启下电脑),道路虽然曲折,但是只有这样才能加深我们的印象,遇到的坑多也不一定是坏事,填坑的同时也在不断提自身的技术水平!

PS:接下来会写一下Angular.js的安装,也遇到好多坑,用npm安装总是失败,最后用cnpm安装成功的!

安装 node.js npm,cnpm的更多相关文章

  1. Ubuntu14.04LTS下安装Node.js&NPM以及个人博客hexo的初始化配置

    什么是hexo Hexo 是一款基于node 的静态博客网站生成器作者 :tommy351是一个台湾的在校大学生...相比其他的静态网页生成器而言有着,生成静态网页最快,插件丰富(已经移植了大量Oct ...

  2. window下安装Node.js NPM

    一.安装Node.js 下载地址:http://nodejs.org/download/ 1..msi文件,直接安装,包括了npm,结束. 2..exe文件,把node.exe所在主目录,加入到系统P ...

  3. 【centos6.5 安装 node.js + npm】

    1.参考链接:http://www.jb51.net/article/116231.htm 2.下载的nodejs版本一定要是v0.12.10的(传送门:https://nodejs.org/en/b ...

  4. CentOS 6.5安装Node.js, npm

    CentOS上可以通过下载*.tar.gz安装包的方式自己解压缩.编译的方式安装,同时还可以采用EPEL的方式安装: Node.js and npm are available from the Fe ...

  5. Centos6.9安装Node.js+npm爬坑

    Node.js选择 1.下载 wget https://nodejs.org/dist/v8.4.0/node-v8.4.0-linux-x86.tar.gz 2.解压 tar zxvf node-v ...

  6. 使用nvm安装node,全局npm,cnpm

    1.nvm-windows下载 下载地址https://github.com/coreybutler/nvm-windows/releases,下载nvm-setup.zip 2.安装nvm 首先把n ...

  7. 安装node.js / npm / express / KMC

    http://www.cnblogs.com/seanlv/archive/2011/11/22/2258716.html 1. 下载Node.js官方Windows版程序: http://nodej ...

  8. CentOS6.8 安装node.js npm

    环境:CentOS6.8_X64系统 一.到官方下载最新的编译好的安装文件,目前是6.9.4. $>cd /usr/local/src #定位到这个目录,下载的文件会在这个目录#使用wget下载 ...

  9. Nodejs学习笔记(一)--- 简介及安装Node.js开发环境

    目录 学习资料 简介 安装Node.js npm简介 开发工具 Sublime Node.js开发环境配置 扩展:安装多版本管理器 学习资料 1.深入浅出Node.js http://www.info ...

随机推荐

  1. Sql中truncate,delete以及drop的比较

    相同点: 1.truncate和不带where子句的delete.以及drop都会删除表内的数据. 2.drop.truncate都是DDL语句(数据定义语言),执行后会自动提交. 不同点: 1. t ...

  2. Linunx创建软连接、删除软连接、修改软连接

    创建: ln -s [目标目录] [软链接地址] ln -s /usr/local/python3/bin/python3 /usr/bin/python3ln -s /usr/local/pytho ...

  3. vue2.0中 怎么引用less?

    vue2.0中  怎么引用less? 第一步: 安装less依赖, npm install less less-loader --save 第二步: 修改webpack.config.js文件,配置l ...

  4. android设置gps自动开启

    1.第一种方法 private void toggleGPS() { Intent gpsIntent = new Intent(); gpsIntent.setClassName("com ...

  5. VLC播放器web插件接口(Part2)

    本文转自:http://www.educity.cn/wenda/124878.htmlVLC Activex控件(VideoLAN.VLCPlugin.1 VideoLAN.VLCPlugin.2) ...

  6. 【S/4系列专栏】关于S/4你想知道的问题与答案

    转自:http://www.sohu.com/a/152235225_652820 S/4系列专栏将收集国内的实施案例,从各个角度进行分析,包括S/4的由来,S/4各个版本的变化,企业是否有必要选择S ...

  7. Product - 产品经理 - 知返

    特别说明 本文是已读书籍的学习笔记和内容摘要,原文内容有少部分改动,并添加一些相关信息,但总体不影响原文表达. - ISBN: 9787568041591 - https://book.douban. ...

  8. 关于java8中的String

    String 对象的不可变性 java8中的String只有2个属性value和hash,相关代码如下: /** The value is used for character storage. */ ...

  9. Flutter 常用组件

    无状态组件(StatelessWidget)是不可变的,这意味着它的属性不能改变,所有的值都是最终的. 有状态组件(StatefulWidget)持有的状态可能在Widget生命周期中发生变化.实现一 ...

  10. Laravel核心代码学习

    原文地址:https://github.com/kevinyan815/Learning_Laravel_Kernel