Mac Vue环境搭建详述

一、安装

1. 登录https://nodejs.org/en/地址下载node-v12.16.0.pk，并安装
2. 检验npm、node

$ npm -v
6.13.4
$ node -v
v12.16.0

3. 获取nodejs模块安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

4. 安装webpack

sudo npm install webpack -g

5. 全局安装vue脚手架（自动搭建vue项目框架的工具）

sodo npm install -g vue-cli

6. 测试vue是否安装成功

vue
vue list

7. 创建vue项目

vue init webpack vue200214

8. 进入刚才创建的项目目录，并启动

cd vue200214
npm run dev

9. 打开chrome浏览器，输入http://localhost:8080
   
   备注：

Node.js v12.16.0 to /usr/local/bin/node
npm v6.13.4 to /usr/local/bin/npm