搭建vue3.0环境

一、安装node

1、MAC下安装node

brew install node

安装好后，node -v，npm -v 测试是否安装成功

 

2、Centos安装node，直接部署

　　官方下载地址：https://nodejs.org/en/download/

　　下载最新稳定的node包

wget https://nodejs.org/dist/v10.16.2/node-v10.16.2-linux-x64.tar.xz

　　创建node所属文件位置

sudo mkdir -p /usr/local/lib/nodejs

　　解压文件

xz -d node-v10.16.2-linux-x64.tar.xz 

　　将文件解压到指定的目录

sudo tar -xvf node-v10.16.2-linux-x64.tar -C /usr/local/lib/nodejs

　　设置环境变量

export PATH=/usr/local/lib/nodejs/node-v10.16.2-linux-x64/bin:$PATH　　

　　设置软连接

sudo ln -s /usr/local/lib/nodejs/node-v10.16.2-linux-x64/bin/node /usr/bin/node

sudo ln -s /usr/local/lib/nodejs/node-v10.16.2-linux-x64/bin/npm /usr/bin/npm

sudo ln -s /usr/local/lib/nodejs/node-v10.16.2-linux-x64/bin/npx /usr/bin/npx

　　安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

 

3、Centos安装node，编译部署

　　下载源码

wget https://nodejs.org/dist/v10.16.2/node-v10.16.2.tar.gz

　　解压源码

tar -xzf node-v10.16.2.tar.gz

　　编译源码

cd node-v10.16.2
./configure
make
make install

　　检查

node -v
npm -v

　　安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

 

 

二、安装vue3.x

npm install -g vue 
npm install -g @vue/cli
npm install -g webpack 
npm install -g webpack-cli 

设置软连接

sudo ln -s /usr/local/lib/nodejs/node-v10.16.2-linux-x64/bin/vue /usr/bin/vue

安装好后，vue -V 测试是否安装成功

创建项目

vue create project_name

  

三、卸载vue环境

npm uninstall @vue/cli -g
npm uninstall vue -g
npm uninstall webpack-cli -g
npm uninstall webpack -g