从脚手架开始学前端 【第3期】CentOS 7 安装Node.js环境及配置

简介: Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。

一、简介


Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。在Linux下安装包相对来说比较复杂,但大家也不用害怕,只要认真学习,任何东西没有想象中的那么难,本文以Centos7为例,在参考中进行讲述,本文推荐用第四种安装方式。

二、工具


  1. Xftp5   Xshell5(有远程仓库的就不需要Xftp5 直接推到你的服务器)

三、下载安装(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/)
    微信图片_20220519125119.png
  • 下载解压 (一般下载的是.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.xztar -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*

安装如图:微信图片_20220519125156.png


  • 进入解压后的目录,进行编译安装,如果无法安装,运行 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 -v
$ npm -v

4、使用NVM安装

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

  • 安装命令
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bash
或
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
  • 或者下载并安装NVM脚本安装
curl https://raw.githubusercontent.com/creationix/nvm/v0.13.1/install.sh | bashsource ~/.bash_profile
  • 安装后重启shell通过以下命令查看nvm版本
$ nvm --version
  • 列出所需要版本
$ nvm list-remote
  • 安装对应的版本
$ nvm install v13.10.1
  • 查看已安装的版本
$ nvm list
  • 切换版本
$ nvm use v13.10.1
  • 设置为默认版本
$ nvm alias default v13.10.1
  • 查看版本
$ node --version 简写 node-v
$ npm --version  简写 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*

四、npm的安装和使用



npm在安装node时会同步安装,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

五、yarn的安装和使用



yarn的简介

Yarn是facebook发布的一款取代npm的包管理工具。

yarn的特点

速度快:Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。

安全: 在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。

可靠:使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。


yarn的安装


  • 下载node.js,使用npm安装

     $ npm install -g yarn

     查看版本:yarn --version

  • 安装node.js,下载yarn的安装程序:

   提供一个.msi文件,在运行时将引导您在Windows上安装Yarn

  • Yarn 淘宝源安装,分别复制粘贴以下代码行到黑窗口运行即可

  $ yarn config set registry https://registry.npm.taobao.org -g    

  $ yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g


yarn的常用命令


安装

$ yarn npm install -g

yarn 安装成功后,查看版本号:

yarn --version

创建文件夹 .vuepress

$ md .vuepress

进入.vuepress文件夹

$ cd yarn

初始化项目

$ yarn init // 同npm init,执行输入信息后,会生成package.json文件

yarn的配置项

$ yarn config list // 显示所有配置项 
$ yarn config get <key> //显示某配置项 
$ yarn config delete <key> //删除某配置项 
$ yarn config set <key> <value> [-g|--global] //设置配置项 

安装包

$ yarn install //安装package.json里所有包,并将包及它的所有依赖项保存进yarn.lock 
$ yarn install --flat //安装一个包的单一版本 
$ yarn install --force //强制重新下载所有包 
$ yarn install --production //只安装dependencies里的包 
$ yarn install --no-lockfile //不读取或生成yarn.lock 
$ yarn install --pure-lockfile //不生成yarn.lock 

添加包(会更新package.json和yarn.lock)

$ yarn add [package] // 在当前的项目中添加一个依赖包,会自动更新到package.json和yarn.lock文件中 
$yarn add [package]@[version] // 安装指定版本,这里指的是主要版本,如果需要精确到小版本,使用-E参数 
$ yarn add [package]@[tag] // 安装某个tag(比如beta,next或者latest) 


//不指定依赖类型默认安装到dependencies里,你也可以指定依赖类型:

$ yarn add --dev/-D // 加到 devDependencies 
$ yarn add --peer/-P // 加到 peerDependencies 
$ yarn add --optional/-O // 加到 optionalDependencies 

//默认安装包的主要版本里的最新版本,下面两个命令可以指定版本:

$ yarn add --exact/-E // 安装包的精确版本。例如yarn add express@1.2.3会接受1.9.1版,但是yarn add express@1.2.3 --exact只会接受1.2.3版 
$ yarn add --tilde/-T // 安装包的次要版本里的最新版。例如yarn add express@1.2.3 --tilde会接受1.2.9,但不接受1.3.0 

发布包

$ yarn publish 

移除一个包


$ yarn remove <packageName>:移除一个包,会自动更新package.json和yarn.lock
更新一个依赖 
$ yarn upgrade 用于更新包到基于规范范围的最新版本
运行脚本 
$ yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本
显示某个包的信息 
$ yarn info <packageName> 可以用来查看某个模块的最新版本信息

缓存

yarn cache

$ yarn cache list # 列出已缓存的每个包 
$ yarn cache dir # 返回 全局缓存位置 
$ yarn cache clean # 清除缓存 


六、测试


全局安装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



目录
相关文章
|
存储 Ubuntu Linux
VMware-安装CentOS系统教程及安装包
虚拟机相当于是一个独立于你电脑的环境,在这个环境上面,你可以安装Linux、Windows、Ubuntu等各个类型各个版本的系统,在这个系统里面你不用担心有病读等,不用担心文件误删导致系统崩溃。 虚拟机也和正常的电脑系统是一样的,也可以开关机,不用的时候,你关机就可以了,也不会占用你的系统资源,使用起来还是比较方便 这里也有已经做好的CentOS 7系统,下载下来解压后直接用VMware打开就可以使用
1863 69
|
存储 分布式计算 Linux
安装篇--CentOS 7 虚拟机安装
VMware 装 CentOS 7 不知道从哪下手?这篇超详细图文教程手把手教你在 VMware Workstation 中完成 CentOS 7 桌面系统的完整安装流程。从 ISO 镜像下载、虚拟机配置,到安装图形界面、设置用户密码,每一步都有截图讲解,适合零基础新手快速上手。装好之后无论你是要搭 Hadoop 集群,还是练 Linux ,这个环境都够你折腾一整天!
4820 3
|
Ubuntu Linux 索引
Centos 7、Debian及Ubuntu系统中安装和验证tree命令的指南。
通过上述步骤,我们可以在CentOS 7、Debian和Ubuntu系统中安装并验证 `tree`命令。在命令行界面中执行安装命令,然后通过版本检查确认安装成功。这保证了在多个平台上 `tree`命令的一致性和可用性,使得用户无论在哪种Linux发行版上都能使用此工具浏览目录结构。
1180 78
|
Linux 网络安全 Apache
针对在Centos/Linux安装Apache过程中出现的常见问题集锦
以上每个问题的解决方案应深入分析错误日志、系统消息和各种配置文件,以找到根本原因并加以解决。务必保持系统和Apache软件包更新到最新版本,以修复已知的bugs和安全漏洞。安装和管理Web服务器是一项需要细致关注和不断学习的任务。随着技术的发展,推荐定期查看官方文档和社区论坛,以保持知识的更新。
521 80
|
安全 关系型数据库 MySQL
CentOS 7 yum 安装 MySQL教程
在CentOS 7上安装MySQL 8,其实流程很清晰。首先通过官方Yum仓库来安装服务,然后启动并设为开机自启。最重要的环节是首次安全设置:需要先从日志里找到临时密码来登录,再修改成你自己的密码,并为远程连接创建用户和授权。最后,也别忘了在服务器防火墙上放行3306端口,这样远程才能连上。
2849 16
|
存储 关系型数据库 MySQL
在CentOS 8.x上安装Percona Xtrabackup工具备份MySQL数据步骤。
以上就是在CentOS8.x上通过Perconaxtabbackup工具对Mysql进行高效率、高可靠性、无锁定影响地实现在线快速全量及增加式数据库资料保存与恢复流程。通过以上流程可以有效地将Mysql相关资料按需求完成定期或不定期地保存与灾难恢复需求。
952 10
|
人工智能 数据挖掘 Linux
Centos安装Python3.7(亲测可用)
本指南详细介绍了在基于Linux(以CentOS系统为例,使用yum包管理器)的系统上安装Python 3.7版本的完整流程。Python是一种广泛使用的高级编程语言,在各种领域如软件开发、数据分析、人工智能和区块链开发等都有着重要的应用。
1015 2
|
运维 网络协议 Linux
CentOS下Bind服务的安装与故障排查
通过以上的步骤,您应该能够在CentOS系统上安装并配置BIND DNS服务,并进行基本的故障排查。
954 0
|
存储 Ubuntu Linux
安卓手机免root安装各种Linux系统:Ubuntu, Centos,Kali等
此外还可以安装Slackware、Archstrike等系统,还可以通过github查找方法安装更多有趣的东西。 昨日小编就是通过Termux安装的Kali Linux工具包。

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    1453
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    718
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    582
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    585
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    675
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    855
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    1689
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    403
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    1395
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    701