Ubuntu安装 【node.js】【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

创建软链接

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

执行/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！