安装方式,网上有很多教程,本来不想写的,但是这次安装倒是出了些问题,就记录下吧,以免以后再安装遇到同样的问题
目录
- 比较好的安装教程
- 实践安装
- 下载并解压
- 创建软链接
- 设置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!