从脚手架开始学前端 【第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



目录
相关文章
|
3天前
|
Linux Python
【Elasticsearch】linux使用supervisor常驻Elasticsearch,centos6.10安装 supervisor
【Elasticsearch】linux使用supervisor常驻Elasticsearch,centos6.10安装 supervisor
9 3
|
2天前
|
前端开发 jenkins 持续交付
不是Jenkins玩不起,而是脚本更有性价比,在1Panel中使用Node搭建前端自动化
不是Jenkins玩不起,而是脚本更有性价比,在1Panel中使用Node搭建前端自动化
10 2
|
2天前
|
Ubuntu Linux 虚拟化
VMware安装centos7教程(1)
VMware安装centos7教程(1)
40 1
|
2天前
|
Linux 网络安全 开发工具
旧手机别再换盆了,教你使用Linux Deploy安装CentOS
旧手机别再换盆了,教你使用Linux Deploy安装CentOS
|
2天前
|
NoSQL Linux MongoDB
Centos7安装MongoDB
Centos7安装MongoDB
8 0
|
2天前
|
Linux Docker 索引
docker(二):Centos安装docker
docker(二):Centos安装docker
62 0
|
2天前
|
Linux 虚拟化 数据安全/隐私保护
VMware安装centos7教程(2)
VMware安装centos7教程(2)
22 0
|
2天前
|
JSON JavaScript 前端开发
前端 JS 经典:node 的模块查找策略
前端 JS 经典:node 的模块查找策略
5 0
|
2天前
|
JavaScript Windows
下载安装最新版node.js
下载安装最新版node.js
4 0
|
3天前
|
资源调度 前端开发 JavaScript
如何在Node.js环境中安装并使用Bower和LESS
【7月更文挑战第2天】在Node.js环境中,掌握Bower和LESS的使用对前端开发至关重要。安装Bower(全局`npm install -g bower`)用于管理前端资源,通过`bower init`和`bower install`管理依赖。LESS作为CSS预处理器,通过`npm install -g less`安装编译器,用`lessc`命令编译LESS到CSS。虽然Bower已进入维护模式,但理解其用法仍有价值。同时,学习使用Sass或Stylus等预处理器以适应现代前端趋势。
47 0