安装方式,网上有很多教程,本来不想写的,但是这次安装倒是出了些问题,就记录下吧,以免以后再安装遇到同样的问题


目录

  • 比较好的安装教程
  • 实践安装
  • 下载并解压
  • 创建软链接
  • 设置npm下载源
  • 安装cnpm
  • 遇到的问题
  • 安装vue(@vue/cli)
  • 查看版本
  • 安装@vue/cli-service-global
  • 遇到的问题
  • 安装yarn


比较好的安装教程

https://www.runoob.com/nodejs/nodejs-install-setup.html

实践安装

淘宝镜像下载地址

官方下载地址

使用淘宝镜像安装node.js:

下载并解压

$ cd /usr/local
$ sudo wget 'https://npm.taobao.org/mirrors/node/v15.2.1/node-v15.2.1-linux-x64.tar.gz'
$ sudo tar -zxvf node-v15.2.1-linux-x64.tar.gz
$ sudo mv node-v15.2.1-linux-x64 nodejs
$ sudo rm node-v15.2.1-linux-x64.tar.gz
$ sudo chmod -R 755 nodejs

创建软链接

目的是以便在任何路径下可执行nodenpm命令

执行/usr/local/nodejs/bin/node -v 以及 /usr/local/nodejs/bin/npm -v 看是否正常打印版本,如果没问题,创建软链接

$ sudo ln -s /usr/local/nodejs/bin/node /usr/local/bin/
$ sudo ln -s /usr/local/nodejs/bin/npm /usr/local/bin/

之后,在任意路径下,执行 node -v 以及 npm -v 看是否正常,如果不正常,删除软链接,多试几次就成了

(我也不知道遇到了什么坑,软链接创建完执行node命令说是没有这个命令<_>,最后是先将 nodejs 目录以及其子目录、文件全部赋予755权限,然后再在创建软链接的时候通过tab键补全/usr/local/nodejs/bin/node这个路径,都不敢复制粘贴了,总算搞定)

设置npm下载源

以淘宝源为例,以下方式指定下载源重启有效

$ npm config set registry https://registry.npm.taobao.org

查看下载源(镜像)

$ npm config get registry

安装cnpm

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

其中,
--registry https://registry.npm.taobao.org 表示临时指定淘宝源
-g 表示全局安装

遇到的问题

执行上面命令时,总是到这里就卡住——

[         .........] \ reify:npm: timing reify:createSparse Completed in 93ms

后来,我就 cd /usr/local 目录下执行,竟然成功了!

创建软链接

$ sudo ln -s /usr/local/nodejs/bin/cnpm /usr/local/bin/

安装vue(@vue/cli)

$ cd /usr/local/nodejs/lib
$ cnpm install -g @vue/cli

创建软链接

$ sudo ln -s /usr/local/nodejs/bin/vue /usr/local/bin/

查看版本

$ node -v
$ npm -v
$ cnpm -v
$ vue --version

安装@vue/cli-service-global

$ cd /usr/local/nodejs/lib
$ cnpm install -g @vue/cli-service-global

遇到的问题

第一次安装的时候,是在其他目录下执行的安装命令,但是执行到最后一步就卡住了(以至于现在每到安装过程的最后一步都提心吊胆的)

只能选择 ctrl+c 终止,然后执行以下命令删除安装不完整的包:

$ cd /usr/local/nodejs/lib/node_modules/@vue/
$ sudo rm -r cli-service-global
$ cnpm uninstall -g @vue/cli-service-global

之后,选择 cd /usr/local/nodejs/lib 目录下进行安装,SUCCESS!

安装yarn

通过yarn官方shell 脚本安装,安装过程包括验证 GPG 签名

$ curl -o- -L https://yarnpkg.com/install.sh | bash

验证版本

$ yarn --version

手动安装yarn之前,ubuntu20.04貌似自带yarn(也可能是前面安装npm或vue的时候连带安装的),执行上述命令打印的是 0.32+git ,安装yarn之后,重新打开终端,打印的是 1.22.5,SUCCESS!