VUE安装

安装nvm

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

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

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

curl的时候,会很慢,解决方法:

1.找到raw.githubusercontent.com 对应的ip

可通过 ping www.raw.githubusercontent.com

2.添加hosts

raw.githubusercontent.com   185.199.111.133

安装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[不一定是最新版本]

查看版本

npm --version

cnpm

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

通过淘宝镜像加速npm.

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

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

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

Last updated

Was this helpful?