美文网首页前端HTML的自我修养环境配置相关
Node.js安装及环境配置之Windows篇

Node.js安装及环境配置之Windows篇

作者: 指間的Coding | 来源:发表于2016-12-21 22:44 被阅读58192次

    3######一、安装环境######
    1、本机系统:Windows 10 Pro(64位)
    2、Node.js:v6.9.2LTS(64位)

    二、安装Node.js步骤######

    1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
    2、选安装目录进行安装
    3、环境配置
    4、测试

    三、前期准备######

    1、Node.js简介
    简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
    2、下载Node.js
    打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图:

    四、开始安装######

    1、下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js


    点击【Next】按钮


    勾选复选框,点击【Next】按钮


    修改好目录后,点击【Next】按钮


    安装完后点击【Finish】按钮完成安装


    至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置
    在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口

    安装完后的目录如下图所示:


    此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

    五、环境配置######

    说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
    例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

    创建完两个空文件夹之后,打开cmd命令窗口,输入

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

    接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

    进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

    六、测试######

    配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口,
    输入如下命令进行模块的全局安装:

    npm install express -g     # -g是全局安装的意思
    
    补充#####

    通过npm安装模块时都是去国外的镜像下载的,有的时候由于网络原因会导致安装模块失败,好在阿里有团队维护国内镜像:http://npm.taobao.org/ 上面有使用说明

    相关文章

      网友评论

      • 埼玉是个逗B:npm使用淘宝镜像安装包
        npm config set registry https://registry.npm.taobao.org
      • 75271c19a7e8:写的很好啊,赞楼主!
      • a85bf9712b2c:C:\Users\赵亚峰>npm config set prefix "E:\\nodejs\node_global"
        'npm' 不是内部或外部命令,也不是可运行的程序
        或批处理文件。
        这是什么情况啊,楼主。
      • 那年我们_08a9:写的很详细,适用于node小白,赞!
      • Terrence_zxd:看完教程,详细的装到c盘,然后重装。
      • Cmarijuana:2017年12月,按照文中的教程安装成功。在自己的文章中引用了这篇教程,还望楼主不要见怪
      • asfasfasfasfasf:Unhandled rejection Error: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs\node_cache\_cacache' 大佬,这是啥子原因啊
        胡晓喵:用管理员权限打开命令行
      • smartlala:赞一个
      • 朵霞:看好多人说错了 请问现在还有错误吗
      • 769a83a0ef15:npm config set prefix "D:\Develop\nodejs\node_global"
        npm config set cache "D:\Develop\nodejs\node_cache"
        这种分行的为什么我在cmd下不能打出来,按enter键直接执行了。所以怎么弄???
        小朱_9973:不需要多行同时执行,楼主是单行执行的
        48e3946fa498:我也遇到了,朋友,你解决了吗
      • 5f7aa732c941:楼主的方法没有任何问题 很nice
      • AyoDosahard:我想问下大神们 根据楼主 改变了 一些npm的下载和安装路径 是否影响到 less等需要node依赖的其它 组件?
      • flemingchen:感谢楼主分享,按照步骤在win10上成功安装配置好了,问一个小问题,etc目录是干嘛的呢?
      • pnjoe:原本好不容易搜到这个教程.看了评论.有说对有说不对.吓得自己不敢安装了.汗.
      • Xuelong_li:楼主按照你的方法可以安装成功,但是在执行npm install express -g时就报错,npm ERR! code ECONNRESET

        npm ERR! network tunneling socket could not be established, cause=getaddrinfo ENOTFOUND 8080 8080:80
        npm ERR! network This is most likely not a problem with npm itself
        npm ERR! network and is related to network connectivity.
        npm ERR! network In most cases you are behind a proxy or have bad network settings.
        npm ERR! network
        npm ERR! network If you are behind a proxy, please make sure that the
        npm ERR! network 'proxy' config is set properly. See: 'npm help config'
        769a83a0ef15:网络问题?那就能解决了吗
        Xuelong_li: @冬冬变坏了 没呢,网络问题
        769a83a0ef15:你好,我遇到也是这种情况,你解决了吗
      • AyoDosahard:楼主 在吗? 我在sublime text3 里编译 less文件始终 在报错 :less2css系统找不到文件??????急需 楼主 帮忙啊
      • _昵称已被占用:谢谢 已成功设置
        _昵称已被占用:@AyoDosahard 我没有用这个编辑器和less
        AyoDosahard:你好 你在sublime中可以使用less了吗?
      • 2746d49e8553:楼主,我也是win10 旗舰版下载的包也和你的一样,前面安装都一样,但我在控制台中无法使用“node-v”那两个命令。显示不是内部或外部命令。哪里有问题啊,我安装位置并没有改。
        2746d49e8553: @Tesla_4397 嗯,谢谢你,装好了。
        Tesla_4397:node 和-v之间有一个空格
        也可以用node --version命令,中间也有一个空格
      • 静默的形学者:在window10下能够成功安装,赞一个
      • 埼玉是个逗B:楼主这句npm config set prefix"D:\Develop\nodejs\node_global" 少写了一个空格,要在在prefix和“之间加一个空格,否则全局安装还是装在C盘
        埼玉是个逗B: @AyoDosahard 楼主已经改好了🙃
        AyoDosahard:到底加不加啊?
        稚终_cb42:楼主已经改好了 不用担心
      • coderPeter:楼主你写的里面有问题,当你修改了node默认的npm模块下载路径后,去修改用户path是没有用的,正确的做法是在node_modules->npm->打开npmrc这个文件,修改里面的的路径,看到你这教程排在百度搜索那么靠前的位置,我也是醉了,既然你自己知道你的教程里面有错误,为什么不修改一下,这样不是继续误导别的学习者吗?拜托,请自己学习好之后再来教别人吧。
        狂匸:请问下npmrc具体该如何修改就比如说作者修改后的路径
        静默的形学者:楼主的方法很正确
      • sendtion:在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

        感觉这里有问题。把node_global去掉是对的
        sendtion:@LR_LL 按照这篇文章说的配置没错。在【系统变量】下新建【NODE_PATH】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】。一个是在系统变量,一个是在用户变量。
        LR_LL:楼主你好,请问为什么按照你的方法配置,我的模块一直安装在C盘?
        sendtion:啊,好像是我弄错了
      • a612c75fa098:用你的方法 “express”不是内部或外部命令
        比克大魔王_:@ONENOSE_3f74 可能是配置环境问题,配置node_modules你可以检查下
        c62cbe3dca40:https://jingyan.baidu.com/article/922554468a3466851648f419.html

      本文标题:Node.js安装及环境配置之Windows篇

      本文链接:https://www.haomeiwen.com/subject/iqmqvttx.html