搭建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

 

posted @ 2019-04-13 12:12  Edward1108  阅读(508)  评论(0编辑  收藏  举报