前言

Linux 下开发 Vue-CLi ,需要 NodeJs 环境 ,推荐使用 nvm 来安装 Node

nvmnode 的版本控制器 ,用 nvm 安装 node 要比直接在系统中安装 node 侵入性更小
而且如有环境错误或者需要换版本等,只要一个命令即可
版本和环境即可随意删除和切换,各版本享独立环境,互相之间互不影响

本文主要快速介绍如何在 Linux 环境下安装和使用 nvm 安装 NodeJs 环境



正文


其实就2步,去看他最新版本是几点几
https://github.com/nvm-sh/nvm/releases

例如我当前看到的是 v0.37.2 那就把下面链接的版本号改为0.37.2
在浏览器打开链接下载 install.sh 文件
https://raw.githubusercontent.com/creationix/nvm/v0.37.2/install.sh

这里会有一个小血坑是
raw.githubusercontent.com 是一个墙内打不开的域名
这里就需要开洞小脑筋了,八仙过海各显神通
我用的是国内的代理访问github的网站,例如
在前面加 https://github.91chifun.workers.dev//
也就是
https://github.91chifun.workers.dev//https://raw.githubusercontent.com/creationix/nvm/v0.37.2/install.sh

这样访问就可以下载到最新版本的 install.sh 文件了

cd 到下载目录下
给一个可执行权限

  1. sudo chmod 755 install.sh


这里就遇到第二个小血坑了
他是装在当前用户的环境下,而不是所有用户
如果你用root去装,那完蛋,以后都要用root来执行node npm 等命令
回到非root用户就找不到这些命令了!
所以建议是直接用当前用户权限直接执行即可

  1. ./install.sh


这里就遇到第2.5个小血坑了
TMD这脚本改了 .bashrc 文件,却没自动去刷新环境变量使其生效
一度导致我以为还没装上
使用以下命令刷新环境变量才能生效

  1. source ~/.bashrc


最后试一下nvm命令即可大功告成

  1. nvm -h
  2. # 正确返回如下
  3. Node Version Manager (v0.37.2)
  4. Note: <version> refers to any version-like string nvm understands. This includes:
  5. - full or partial version numbers, starting with an optional "v" (0.10, v0.1.2, v1)
  6. - default (built-in) aliases: node, stable, unstable, iojs, system
  7. - custom aliases you define with `nvm alias foo`
  8. Any options that produce colorized output should respect the `--no-colors` option.
  9. Usage:
  10. nvm --help Show this message
  11. --no-colors Suppress colored output
  12. nvm --version Print out the installed version of nvm
  13. nvm install [<version>] Download and install a <version>. Uses .nvmrc if available and version is omitted.
  14. The following optional arguments, if provided, must appear directly after `nvm install`:
  15. -s  Skip binary download, install from source only.
  16. --reinstall-packages-from=<version> When installing, reinstall packages installed in <node|iojs|node version number>
  17. --lts When installing, only select from LTS (long-term support) versions
  18. --lts=<LTS name> When installing, only select from versions for a specific LTS line
  19. --skip-default-packages When installing, skip the default-packages file if it exists
  20. --latest-npm After installing, attempt to upgrade to the latest working npm on the given node version
  21. --no-progress Disable the progress bar on any downloads
  22. --alias=<name> After installing, set the alias specified to the version specified. (same as: nvm alias <name> <version>)
  23. --default After installing, set default alias to the version specified. (same as: nvm alias default <version>)
  24. nvm uninstall <version> Uninstall a version
  25. nvm uninstall --lts Uninstall using automatic LTS (long-term support) alias `lts/*`, if available.
  26. nvm uninstall --lts=<LTS name> Uninstall using automatic alias for provided LTS line, if available.
  27. nvm use [<version>] Modify PATH to use <version>. Uses
  28. ...

这里只要知道常用的几个命令即可

  1. # 查看当前已下载安装的版本
  2. nvm ls
  3. # 查看当前云端可以支持下载安装的版本
  4. nvm ls-remove
  5. # 下载安装云端指定版本 例如12.20.1
  6. nvm install 12.20.1
  7. # 切换到指定版本
  8. nvm use 12.20.1
  9. # 删除命令是
  10. nvm uninstall 12.20.1


我这里使用的是 12.20.1 来开发 vue-cli 4.5.9
所以执行的顺序就是

  1. nvm ls-remove
  2. nvm install 12.20.1
  3. nvm use 12.20.1


最后试下效果

  1. node -v
  2. # 12.20.1
  3. npm -v
  4. 6.14.10

大功告成
这里如果网络环境还可以的话就不太推荐使用cnpm之类的镜像
直接用npm稍微等一会也能成功
补充:用npm装 裸连的话,等个10来分种也能成功,但如果用其他的装,速度是快了,但万一报个错,完了,1小时都解决不动,还容易进退两难

例如安装 vue-cli

  1. npm install -g @vue/cli
  2. # 装完试下效果
  3. vue --version
  4. # 正确返回
  5. @vue/cli 4.5.10

END

其他的都以此类推不再赘述,至此就大功告成了