02·灵魂前端工程师养成-安装配置Node.js

DriverZeng

发布于 2022-09-26 16:34:27

5180

发布于 2022-09-26 16:34:27

-曾老湿, 江湖人称曾老大。

-多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)Git、Jenkins自动化代码上线及自动化测试平台。 5)堡垒机，连接Linux、Windows平台及日志审计。 6)SQL执行及审批流程。 7)慢查询日志分析web界面。

下载node.js

版本选择

1.选择偶数版 Node8、Node10、Node12...是稳定版

2.选择官网安装

3.下载慢就FQ插件的代理

Node.js官方网址

如果是mac本可以选择下载node-v8.16.2.pkg，windows可以根据系统架构，64位还是32位进行选择

安装node.js

下载好后，安装

单击继续

单击继续

单击同意

单击安装

等待安装完即可

检查是否安装成功

MacBook-Pro:~ driverzeng$ node --version
v8.16.2
MacBook-Pro:~ driverzeng$ npm --version
6.4.1
MacBook-Pro:~ driverzeng$ npx --version
6.4.1

配置node.js

安装nrm

#使用淘宝的源（不要用cnpm）
MacBook-Pro:~ driverzeng$ sudo npm i -g nrm

#输出结果如下：
npm WARN deprecated coffee-script@1.7.1: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
/usr/local/bin/nrm -> /usr/local/lib/node_modules/nrm/cli.js
+ nrm@1.2.1
added 489 packages from 861 contributors in 23.451s

#注意：mac本一定要用sudo否则会报错
error Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

安装报错：

安装成功：

使用nrm配置淘宝源

#查看nrm的版本
MacBook-Pro:~ driverzeng$ nrm --version
1.2.1

#查看可用源
MacBook-Pro:~ driverzeng$ nrm ls

* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/
  
#配置淘宝源
MacBook-Pro:~ driverzeng$ nrm use taobao

#输出结果
Registry has been set to: https://registry.npm.taobao.org/

#安装http-server（会发现比之前快很多）
MacBook-Pro:~ driverzeng$ sudo npm i -g http-server

#查看命令位置
MacBook-Pro:~ driverzeng$ which http-server
/usr/local/bin/http-server

安装yarn

下载yarn

使用yarn代替npm优势： 1.bug少 2.速度快

yarn官方网址

MAC本安装yarn就非常简单了，只需要一条命令即可，然而windows需要下载安装包

#方法一：安装yarn
MacBook-Pro:~ driverzeng$ brew install yarn

#方法二：安装yarn
curl -o- -L https://yarnpkg.com/install.sh | bash

方法一：特别慢

方法二：官方备选方案

检查是否安装成功

#配置环境变量
MacBook-Pro:~ driverzeng$ sudo vim /etc/profile
export PATH="$PATH:~/.yarn/bin/"

#查看版本
MacBook-Pro:~ driverzeng$ yarn --version
1.21.1

更换淘宝源

#查看yarn的源
MacBook-Pro:~ driverzeng$ yarn config list
yarn config v1.21.1
info yarn config
{ 'version-tag-prefix': 'v',
  'version-git-tag': true,
  'version-commit-hooks': true,
  'version-git-sign': false,
  'version-git-message': 'v%s',
  'init-version': '1.0.0',
  'init-license': 'MIT',
  'save-prefix': '^',
  'bin-links': true,
  'ignore-scripts': false,
  'ignore-optional': false,
  registry: 'https://registry.yarnpkg.com',
  'strict-ssl': true,
  'user-agent': 'yarn/1.21.1 npm/? node/v8.16.2 darwin x64' }
info npm config
{ home: 'https://npm.taobao.org',
  registry: 'https://registry.npm.taobao.org/' }
✨  Done in 0.02s.

#获取yarn的源
MacBook-Pro:~ driverzeng$ yarn config get registry
https://registry.yarnpkg.com

#安装yarn的源管理器
MacBook-Pro:~ driverzeng$ yarn global add yrm

#查看yarn的源
MacBook-Pro:~ driverzeng$ yrm ls

  npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
* taobao - https://registry.npm.taobao.org/
  nj ----- https://registry.nodejitsu.com/
  rednpm - http://registry.mirror.cqupt.edu.cn/
  npmMirror  https://skimdb.npmjs.com/registry/
  edunpm - http://registry.enpmjs.org/
  yarn --- https://registry.yarnpkg.com

#强行设置淘宝
MacBook-Pro:~ driverzeng$ yrm use taobao