专栏首页IMWeb前端团队windows 上优雅的安装 node 和 npm

windows 上优雅的安装 node 和 npm

我一直觉得我掌握的这份优雅是被许多人所知道了,直到我发现小伙伴们都下载 .msi 来装 node ,我心中的优雅感终于压制不住。

.msi 安装

windows 的一键安装包,应该是最简单的 node 安装方式,但存在几个缺陷。

  • 比如不能安装多个 node 版本,现在 node 的版本就像火箭似的,所以多个 node 版本并行的需求还是很强烈。
  • 一键安装对 npm 的理解也存在问题,我们完全不知道安装过程中,和 npm 相关的目录有哪些,以及怎样配置这些目录。

多版本的方式当然可以去找些 nvm-windows 之类的解决方案,所以这里着重讲解和 npm 相关的东西。

优雅安装

目录

新建一个目录专门了管理 nodenpm 。 比如在 E 盘下新建一个目录 NODE ,如下:

E:\NODE\node
E:\NODE\npm-global
E:\NODE\npm-cache

node 目录用来存放 node.exe ,当然可以放多个版本; npm-globalnpm i xxxxx -g 的安装目录; npm-cachenpm 的缓存目录,避免相同的包每次都联网下载。

下载 .exe

下载可执行文件(.exe),放入上述 node 目录,这时候的目录如下:

E:/NODE/
    node/
        node.exe
        node-v0.12.0.exe
    npm-global/
    npm-cache

可以存放多个 node 版本,在命令行中可以如下使用:

node --version
node-v0.12.0 --version

当然,你现在直接运行上述命令会报错,因为 node 没有配置到环境变量。 E:\NODE\nodeE:\NODE\npm-global 都要配置到环境变量。 怎样配置环境变量就不是本文关注的了。

npm

目前为止,我们可以在命令行中执行 node 命令了,而且可以多版本共存。接下来我们要让 npm 命令顺心如意。

下载安装 npm

第一次要手动下载并安装 npm 。 在上述 npm-global 目录下新建 node_modules 目录。 来这里下载一个最新版的 npm ,将其解压至 node_modules 目录下,并将 npm-x.x.x 重命名为 npm 。 这时整体目录如下:

E:/NODE/
    node/
    npm-global/
        node_modules/
            npm/
                bin/
                xxx
    npm-cache

bin 目录下的 npm 文件和 npm.cmd 文件拷贝至 npm-global 目录下,这个时候应该就可以执行 npm --version 命令了。

设置 npm 的相关目录

不急着执行 npm install 命令。 我们建了 npm-globalnpm-cache ,是时候把它们利用起来了。

npm config set prefix "E:\NODE\npm-global" # npm install -g xxx 的包都会装到这个目录
npm config set cache "E:\NODE\npm-cache" # 缓存都会装到这个目录

现在试着安装一个包:

npm i -g es-checker
es-checker

回顾下,我们现在讲所有 node 相关的东西全集中在 E:\NODE\ 目录中,并且指定了 npm 的安装目录,npm 对我们不再是黑箱。 优雅安装方式结束。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • windows 上优雅的安装 node 和 npm

    我一直觉得我掌握的这份优雅是被许多人所知道了,直到我发现小伙伴们都下载 .msi 来装 node ,我心中的优雅感终于压制不住。

    IMWeb前端团队
  • npm常用命令

    npm是什么,大家都应该很熟悉了。npm的常用命令很多,为了避免经常到npm官网查找,特将常用的npm命令整理下来。

    IMWeb前端团队
  • npm常用命令

    npm是什么,大家都应该很熟悉了。npm的常用命令很多,为了避免经常到npm官网查找,特将常用的npm命令整理下来。 npm install 包安装模块 本地安...

    IMWeb前端团队
  • windows 上优雅的安装 node 和 npm

    我一直觉得我掌握的这份优雅是被许多人所知道了,直到我发现小伙伴们都下载 .msi 来装 node ,我心中的优雅感终于压制不住。

    IMWeb前端团队
  • 前端基础-Node.js包管理器npm

    上面的代码,我们使用npm安装了moment来进行格式化时间的处理,这就是使用第三方模块;

    cwl_java
  • 升级npm

    程序员不务正业
  • npm、cnpm、yarn三剑客

    npm,cnpm,yarn这三个或许使用Hexo,Hugo,vuepress等静态博客搭建的小伙伴们来说,会经常遇见,会使用它们进行插件,依赖包等的安装、卸载与...

    YangAir
  • npm模块管理器

    npm不需要单独安装。在安装node的时候,会连带一起安装npm。但是,node附带的npm可能不是最新版本,最好用下面的命令,更新到最新版本。

    奋飛
  • 全球最大包管理器npm被GitHub收购,将与GitHub整合,网友:别被微软搞垮

    npm全称Node Package Manager,用JavaScript写成,已有超过10年历史,现在拥有130万个软件包,每月下载量达750亿次。

    量子位
  • npm v7.0.0 发布 - 带来数个重大更新

    很难相信,11年前, JavaScript 社区还没有 npm 。快进到今天,npm 现在拥有数百万的开发人员和 130 万个软件包,每月下载 75B。

    ConardLi

扫码关注云+社区

领取腾讯云代金券