ubuntu安装vue

nvm

由于node.js的版本一直处于不断更新中，所以我们需要一个版本管理器来更好的使用node.js。

nvm是一个开源的node版本管理器，通过它，你可以下载任意版本的node.js，还可以在不同版本之间切换使用。

注意：安装nvm之前，要确保当前机子中不存在任何版本的node，如果有，则卸载掉。

github：https://github.com/creationix/nvm

安装命令：

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 <version>
​
# 卸载node版本，例如：nvm uninstall v10.15.2
nvm uninstall <version>
​
# 查看已安装的node列表
nvm ls
​
# 切换node版本，例如：nvm use v10.15.2
nvm use <version>
​
# 设置默认版本，如果没有设置，则开机时默认node是没有启动的。
nvm alias default v10.15.2
​
# 查看当前使用的版本
nvm current

安装几个常用的LTS版本

nvm install v10.15.2
nvm alias default v10.15.2

 

 

npm

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

官方：https://www.npmjs.com

文档：https://www.npmjs.com.cn/

npm --version

 

 

cnpm

默认情况下，npm安装插件是从国外服务器下载，受网络影响大，可能出现网络异常。

通过淘宝镜像加速npm

http://npm.taobao.org/

# 打印默认的 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。

文档：https://cli.vuejs.org/zh/guide/installation.html

安装命令

npm install -g @vue/cli
npm install -g @vue/cli-init  # vue2.x版本需要安装桥接工具
​
# 安装完成可以查看版本
vue -V
​
# 搭建项目
# vue2.x
vue init webpack <项目目录名>
​
# vue3.x
vue create <项目目录名>