从脚手架开始学前端 【第3期】Node.js环境搭建(CentOS 7)

简介: 从脚手架开始学前端 【第3期】Node.js环境搭建(CentOS 7)

一、简介
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。Linux下安装包相对来说比较复杂,但大家也不用害怕,只要认真学习,任何东西没有想象中的那么难,本文以Centos7为例,在参考中进行讲述,本文推荐用第四种安装方式。二、下载安装(CentOS 7)
CentOS 7涵盖四种安装方法源码安装、EPEL(Extra Packages for Enterprise Linux)安装、已编译版本安装和通过NVM(Node version manager)安装,前两种方法基本上都是Linux通用的安装方式,前面两种可以安装最新版本,后面两种方便管理,小伙伴们可以通过自己的习惯自由选择,下载的软件一般安装/usr/local/下面。

1、源码安装

在安装前,我们先在usr/local/目录下创建node文件夹用于存放源码,源码安装,是下载源码包,要进行编译和安装,编译过程,可以进行参数设定。这种方式灵活性比较大,版本/参数可以自己选择。

  • 去官网下载对应的安装包(http://nodejs.cn/download/)

  • 下载解压 (一般下载的是.gz的文件),也可以在https://nodejs.org/dist/目录下找见对应版本,使用wget下载,如果没有wget,运行yum install wget -y安装后下载,本文以node-v10.19.0.tar.xz为例进行安装。命令如下:
//下载
wget https://nodejs.org/dist/v10.19.0/node-v10.19.0.tar.xz
//解压
xz -d node-v10.19.0.tar.xz
tar -xvf node-v10.19.0.tar.xz
//下载
wget http://nodejs.org/dist/v0.10.30/node-v0.10.30.tar.gz
//解压
tar xzvf node-v*

安装如图:

  • 进入解压后的目录,进行编译安装,如果无法安装,运行 sudo yum install gcc gcc-c++ 命令如下:
cd node-v* //换成对应的文件目录
./configure
make
sudo make install
  • 测试
node -v
npm -v

2、使用EPEL安装

  • 查看系统版本
uname -a  //说明:x86_64表示64位系统, i686 i386表示32位系统
  • 下载EPEL

下载下载rpm文件(https://dl.fedoraproject.org/pub/epel/7/x86_64/Packages/e/)

sudo rpm -ivh https://dl.fedoraproject.org/pub/epel/7/x86_64/Packages/e/entr-4.4-1.el7.x86_64.rpm
  • 安装完成执行
//https://github.com/nodesource/distributions
//更新node.js各版本yum源
//Node.js v8.x安装命令
#curl --silent --location https://rpm.nodesource.com/setup_8.x | bash -
//Node.js v7.x安装命令
#curl --silent --location https://rpm.nodesource.com/setup_7.x | bash -
//Node.js v6.x安装命令
#curl --silent --location https://rpm.nodesource.com/setup_6.x | bash -
//Node.js v5.x安装命令
#curl --silent --location https://rpm.nodesource.com/setup_5.x | bash -
//yum安装node.js
yum install -y nodejs
  • 测试
node -v
npm -v

3、使用已编译版本安装

  • 下载已编译版本
wget http://nodejs.org/dist/v0.10.30/node-v0.10.30-linux-x64.tar.gz
  • 解压
sudo tar --strip-components 1 -xzvf node-v* -C /usr/local/node
  • 测试
node -vnpm -v

4、使用NVM安装

NVM(Node version manager)顾名思义,就是Node.js的版本管理软件,可以轻松的在Node.js各个版本间切换,项目源码GitHub

  • 下载并安装NVM脚本
curl https://raw.githubusercontent.com/creationix/nvm/v0.13.1/install.sh | bash
source ~/.bash_profile
  • 列出所需要版本
nvm list-remote
  • 安装对应的版本
nvm install v13.10.1
  • 查看已安装的版本
nvm list
  • 切换版本
nvm use v13.10.1
  • 设置为默认版本
nvm alias default v13.10.1
  • 测试
node -v
npm -v

5、yum安装

  • 第一步
curl --silent --location https://rpm.nodesource.com/setup_10.x | sudo bash
  • 第二步
sudo yum -y install nodejs

如果以上步骤不能安装 最新版 node,执行以下命令后再执行第二步:

sudo yum clean all

如果存在多个 nodesoucre,执行以下命令删除,然后重新执行第一第二步:

sudo rm -fv /etc/yum.repos.d/nodesource*

三、设置淘宝镜像cnpm功能和npm一样,但因为使用的仓库是国内的淘宝镜像,所以速度更快,目前市面上常用的镜像有以下几种:

https://registry.npmis.org/    //npm的仓库,在国外
http://registry.npm.taobao.org/    //npm仓库的淘宝镜像
https://registry.yarnpkg.com   //yarn的仓库地址 
  • 设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
  • 安装使用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 删除淘宝镜像
npm config edit 
//找见上面注册的两行,执行下面删除命令
npm config delete registry
npm config delete disturl
  • 还原默认
npm config set registry https://registry.npmjs.org/
  • 验证是否成功
npm config get registry
// 或
npm info express
  • 使用淘宝镜像安装包
cnpm install express
//或者
cnpm i express

四、测试

全局安装svue-cli脚手架进行测试

npm i svue-cli -g
yarn global add svue-cli
cnpm i svue-cli -g
npm install svue -g
yarn global add svue
cnpm i svue-cli -g
npm i evue-cli -g
yarn global add evue-cli
cnpm i evue-cli -g
npm i evue -g
yarn global add evue
cnpm i evue -g
目录
相关文章
|
5天前
|
Linux 网络安全 KVM
Linux(Centos6.5)下kvm环境搭建
Linux(Centos6.5)下kvm环境搭建
17 2
|
5天前
|
JavaScript 前端开发 API
Node.js在前端的妙用:打造更出色的Web体验
Node.js在前端的妙用:打造更出色的Web体验
24 5
|
2天前
|
JavaScript 前端开发 开发者
【Web 前端】JS模块化有哪些?
【4月更文挑战第22天】【Web 前端】JS模块化有哪些?
|
2天前
|
前端开发 JavaScript
【Web 前端】 js中call、apply、bind有什么区别?
【4月更文挑战第22天】【Web 前端】 js中call、apply、bind有什么区别?
【Web 前端】 js中call、apply、bind有什么区别?
|
2天前
|
前端开发 JavaScript 索引
【Web 前端】JS的几种具体异常类型(报错)
【4月更文挑战第22天】【Web 前端】JS的几种具体异常类型(报错)
|
2天前
|
前端开发 JavaScript
【Web 前端】JS继承的方法有哪些?
【4月更文挑战第22天】【Web 前端】JS继承的方法有哪些?
|
2天前
|
自然语言处理 前端开发 JavaScript
【Web 前端】什么是JS闭包?
【4月更文挑战第22天】【Web 前端】什么是JS闭包?
|
2天前
|
存储 缓存 JavaScript
【Web 前端】JS哪些操作会造成内存泄露?
【4月更文挑战第22天】【Web 前端】JS哪些操作会造成内存泄露?
|
2天前
|
前端开发 JavaScript 算法
【Web 前端】JS垃圾回收机制?
【4月更文挑战第22天】【Web 前端】JS垃圾回收机制?
|
2天前
|
存储 前端开发 JavaScript
【Web 前端】JS中的栈和堆是什么?优缺点?
【4月更文挑战第22天】【Web 前端】JS中的栈和堆是什么?优缺点?

热门文章

最新文章