资讯专栏INFORMATION COLUMN

Nodejs-现在安装你

EscapedDog / 2577人阅读

摘要:安装现在基本上是前端工程师电脑中必装的一款软件了。中安装在中安装,最好的方式就是通过来安装。通过上面的命令安装完成之后,在终端中使用命令,会发现该命令无法使用。在中安装,可以直接使用命令在中安装,可以下载安装包之后,一直点击下一步。

安装 Nodejs

现在 Nodejs 基本上是前端工程师电脑中必装的一款软件了。即使对 Nodejs 开发了解甚少,但是在其他开发中也会需要使用 Nodejs 中自带的 npm 来安装项目依赖。因此,学习安装 Nodejs 也是前端需要掌握的一项技能了。

安装 nvm

Nodejs 的版本升级非常快,截止到现在 LTS 版本已经更新到 8.9.3 了,而最新的版本是 9.3.0。因此,很多时候想在自己电脑中安装多个版本的 Nodejs,一方面可以使用最新的特性,另一方面,在开发的时候使用稳定版本来开发。为了满足上面的需求,可以在本地电脑中安装 nvm 来解决这个问题。

nvm 的全称是 Node.js Version Manager,翻译成中文就是 Nodejs 版本管理工具。通过 nvm 来管理不同的 Nodejs 版本是一个不错的选择。如果需要获取 nvm,可以通过 nvm 官网 来获取。

如果在自己电脑中不需要安装多个版本的 Nodejs,也可以在 Nodejs 官方网站 中下载对应的软件进行安装。

MAC 中安装 nvm

在 MAC 中安装 nvm,最好的方式就是通过 brew 来安装 nvm。

$ brew install nvm

通过上面的命令安装完成之后,在终端中使用 nvm 命令,会发现该命令无法使用。

$ nvm

zsh: command not found: nvm

出现这种问题的原因是没有设置环境变量。在设置环境变量的时候一定要使用超级管理员权限,也就是使用 sudo 来配置环境变量。

$ sudo vi /etc/profile

通过上面的命令打开配置文件之后,在文件的最后插入下面的代码 :

# For NVM
export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh

上面是使用 vi 来进行文件的编辑操作,vi 的保存命令是 :wq。可是使用该命令,无法保存,会出现提示说这个文件是只读的,无法进行编辑。这个时候就要使用强制保存了。

:wq!

环境变量完成修改之后,需要更新一下配置文件,这样才能使配置文件生效。

# 更新配置文件
$ source /etc/profile

所有的配置都已经设置好了,这个时候再终端中输入 nvm 命令就可以正常使用了。

$ nvm --version
0.33.6

此时需要安装一个 Node.js 的版本 :

$ nvm install v8.9.0
Windows 中安装 nvm

开始的时候,要准备安装包。安装包可以在 nvm官网 中获得 nvm-noinstall.zip。

获取安装包之后,解压压缩包到一个目录中 :

我的解压目录:D:install
vm
下面所有的内容都是根据这个目录做的配置。

在该目录下创建一个 setting.txt 文件,并根据目录生成下面的内容 :

root: D:install
vm
path: D:install
odejs
arch: 64
proxy: none
对参数的说明 :

root nvm.exe 所在的目录

path Node.js 快捷方式所在的目录

arch 操作系统是多少位

proxy 设置代理,none为不设置代理

为了使 nvm 命令生效,需要配置环境变量,首先创建环境变量 :

NVM_HOME       nvm.exe 所在的目录  D:install
vm
NVM_SYMLINK    Node.js 快捷方式所在的目录  D:install
odejs

环境变量创建完成之后,就要把环境变量加入到 Path 中,这样才能生效 :

;%NVM_HOME%;%NVM_SYMLINK%;

nvm 安装完成之后,就可以安装 Node.js 了 :

$ nvm install v8.9.0

如果想更改 npm 包的安装路径,可以修改 .npmrc 文件。

.npmrc 文件的路径可以通过打印该配置文件的信息来获取 :

# 打印 .npmrc 的内容,可以在这个内容中查看到配置文件的路径
$ npm config ls -l

修改 npm 包的安装路径(prefix)和包缓存的路径(cache),根据当前 nvm 安装目录,修改如下 :

cache=D:install
vm
pm-cache
prefix=D:install
vm
pm

修改完成之后,同样样配置环境变量,才能使配置生效 :

NPM_HOME  # npm包的安装路径  D:install
vm
pm
%NPM_HOME% # 在 Path 中插入新的环境变量
nvm 的使用
命令 说明
nvm ls 查看本地安装的所有 Node.js 的版本
nvm --version 查看 nvm 的版本
nvm install 安装对应版本的 Node.js,如 nvm install 5.7.0
nvm uninstall 卸载对应版本的 Node.js,如 nvm uninstall 5.7.0
nvm use 使用指定版本的 Node.js,如 nvm use 5.7.0
nrm切换npm安装源
如果不愿使用 nrm 切换安装源,可以使用 yarn 来代替

在国内,使用 npm 安装包的时候,网速一般非常慢。如果想让网速快点,可以使用 nrm 来切换包的安装源地址来解决。

首先需要全局安装 nrm :

$ npm install nrm -g

nrm 的使用方式 :

命令 说明
nrm ls 列出所有的安装源
nrm test 测试所有安装源的响应时间,一般时间越短越好
nrm use taobao 使用名字为 taobao 的安装源
补充 : 如果不能正常安装,可以手动指定使用淘宝源
$ npm install -g nrm --registry=https://registry.npm.taobao.org
安装yarn
如果不愿安装 yarn,可以使用 nrm 来代替。

MAC 中安装 yarn,可以直接使用命令 :

$ brew install yarn --without-node

Windows 中安装 yarn,可以下载 安装包 之后,一直点击下一步。

安装完成之后,可以查看 yarn 的版本号 :

$ yarn -v
1.2.1

MAC 后续升级非常方便,只需要使用命令即可 :

$ brew upgrade yarn

Windows 升级,可能就需要重新下载安装包了。

npm与yarn命令对比

npm 命令和 yarn 命令还是有很多区别的,这里只列出常用的几个命令 :

npm yarn
npm install yarn install
npm install --save [package] yarn add [package]
npm install --save-dev [package] yarn add [package] [--dev/-D]
npm install --global [package] yarn global add [package]
npm uninstall --save [package] yarn remove [package]
npm uninstall --save-dev [package] yarn remove [package]

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92200.html

相关文章

  • 【node】CentOS下nodejs最简单的安装方法

    摘要:下的安装方法有很多,比如源码编译,配置起来麻烦的很。今天介绍最简答的一种安装方法,使用已经编译好的文件安装。下载编译好的文件我的系统是,进入要存放下载资源的目录,个人建议存放在目录下。 liunx下nodejs 的安装方法有很多,比如源码编译,配置起来麻烦的很。今天介绍最简答的一种安装方法,使用已经编译好的文件安装。 1. 下载编译好的文件 我的系统是centos7,进入要存放下载资源...

    zhangxiangliang 评论0 收藏0
  • node.js环境搭建与配置的那些坑

    摘要:然后我们在看看环境变量配置我的系统变量中的以及是安装的根目录而且我没有在系统变量中添加任何的什么的那些鬼玩意。 开始学习vue框架,要求搭建node环境初学者遇到很多的问题,现在知其然也让你知其所以然。来上步骤与截图 安装node (1)安装node网上很多你们可以参考很多文章,我就不多说,一直下一步就好了,但是我们IT码农都洁癖---不想安装在系统盘C盘路径下。于是我安装到了D:...

    winterdawn 评论0 收藏0
  • Mac OS X下安装Vue脚手架(vue-cli)

    摘要:下面来就来讲讲脚手架的安装吧。如何安装安装只需要在终端下输入下面一条命令自带不需要安装安装完成后使用即可。原因是的问题,要求版本是。想用安装,就必须用安装一下。 前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序。具有开发快,双向数据流等特点,有些人认为Vue是Angular和Reac...

    terasum 评论0 收藏0
  • Mac OS X下安装Vue脚手架(vue-cli)

    摘要:下面来就来讲讲脚手架的安装吧。如何安装安装只需要在终端下输入下面一条命令自带不需要安装安装完成后使用即可。原因是的问题,要求版本是。想用安装,就必须用安装一下。 前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序。具有开发快,双向数据流等特点,有些人认为Vue是Angular和Reac...

    CoderStudy 评论0 收藏0
  • Mac OS X下安装Vue脚手架(vue-cli)

    摘要:下面来就来讲讲脚手架的安装吧。如何安装安装只需要在终端下输入下面一条命令自带不需要安装安装完成后使用即可。原因是的问题,要求版本是。想用安装,就必须用安装一下。 前言 Vue作为前端三大框架(Angular,React,Vue)之一,号称是最简单,最容易上手的框架,同时也是行内的大趋势,还可以用来开发最火的小程序。具有开发快,双向数据流等特点,有些人认为Vue是Angular和Reac...

    zhisheng 评论0 收藏0

发表评论

0条评论

EscapedDog

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<