vue | ubuntu安装vue

nvm

由于node.js的版本一直处于不断更新中，所以我们需要一个版本管理器来更好的使用node.js。
nvm是一个开源的node版本管理器，通过它，你可以下载任意版本的node.js，还可以在不同版本之间切换使用。
注意：安装nvm之前，要确保当前机子中不存在任何版本的node，如果有，则卸载掉。
github：GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions
安装命令：

sudo apt-get update

sudo apt install curl

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
source ~/.bashrc

node

使用nvm的相关命令安装node。

# 查看官方提供的可安装node版本
nvm ls-remote

# 安装执行版本的node,例如：nvm install v10.15.2
nvm install 

# 卸载node版本，例如：nvm uninstall v10.15.2
nvm uninstall 

# 查看已安装的node列表
nvm ls

# 切换node版本，例如：nvm use v10.15.2
nvm use 

# 设置默认版本，如果没有设置，则开机时默认node是没有启动的。
nvm alias default v10.15.2

# 查看当前使用的版本
nvm current

npm

npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）。安装了node以后，就自动安装了npm[不一定是最新版本]
官方：npm | Home
文档：npm中文文档 | npm中文网

npm --version

cnpm

默认情况下，npm安装插件是从国外服务器下载，受网络影响大，可能出现网络异常。
通过淘宝镜像加速npm npmmirror 镜像站

# 打印默认的 registry 地址
npm config -g get registry

# 设置淘宝镜像
npm config -g set registry https://registry.npm.taobao.org

vue-cli

使用前面已经安装好的node版本，进行安装。注意一旦安装以后，以后这个vue-li最好契合当前node版本。也就是说，运行接下来安装的vue-cli时，最好运行的就是本次跑的node版本。如果回头切换到其他版本node来运行vue-cli，有可能因为版本不兼容出现不必要的bug。
文档：安装 | Vue CLI

# 安装命令 
npm install -g @vue/cli
npm install -g @vue/cli-init  # vue2.x版本需要安装桥接工具 

# 安装完成可以查看版本
vue -V 

# 搭建项目 

# vue2.x
vue init webpack <项目目录名>

# vue3.x
vue create <项目目录名>