ubuntu 安装VUE并配置多版本管理

nvm(Node Version Manager)是一个用来管理node版本的工具。我们之所以需要使用node,是因为我们需要使用node中的npm(Node Package Manager),使用npm的目的是为了能够方便的管理一些前端开发的包!nvm的安装非常简单,步骤如下:

  1. 到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases
  2. 然后点击一顿下一步,安装即可!
  3. 安装完成后,还需要配置环境变量。在我的电脑->属性->高级系统设置->环境变量->系统环境变量->Path下新建一个,把nvm所处的路径填入进去即可!
  4. 打开cmd,然后输入nvm,如果没有提示没有找不到这个命令。说明已经安装成功!
  5. Mac或者Linux安装nvm请看这里:https://github.com/creationix/nvm。也要记得配置环境变量。

nvm常用命令:

  1. nvm install node:安装最新版的node.js。nvm i == nvm install。
  2. nvm install [version]:安装指定版本的node.js 。
  3. nvm use [version]:使用某个版本的node
  4. nvm list:列出当前安装了哪些版本的node
  5. nvm uninstall [version]:卸载指定版本的node
  6. nvm node_mirror [url]:设置nvm的镜像。
  7. nvm npm_mirror [url]:设置npm的镜像。

替换npm源镜像为国内淘宝镜像

1
2
3
4
5
6
7
8
9
10
# 查看镜像地址
npm get registry

# 设置成淘宝镜像
# npm
npm config set registry http://registry.npm.taobao.org/
# yarn
yarn config set registry http://registry.npm.taobao.org/
# 原版
npm config set registry https://registry.npmjs.org/

安装vue-cli3.0

1
2
3
4
5
npm install -g @vue/cli
# OR
yarn global add @vue/cli
# 查看版本
vue --version