解决mac版 vue搭建环境

首先下载一下node.js : node.js下载地址

一、首先为Mac系统安装brew，打开终端执行命令

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装成功后输入命令

brew -v

查看一下是否安装成功和brew的版本信息。
（注：在安装brew的时候要耐心一些，不是一下子安装完成的，需要等一些时间！！！感觉是在一段一段安装，我就是因为太着急总回车导致查看brew时一直显示-bash: brew: command not found。之后安装npm等时一直在报错误。心累啊，千万要耐心。）

二、一定要获取Node.js模块安装目录的访问权限

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

三、安装淘宝镜像 npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

四、安装webpack

cnpm install webpack -g

五、安装vue脚手架

npm install vue-cli -g

六、找一个文件夹放工程，在终端中输入该目录

cd 目录路径

如果此时你的路径输入后总显示No such file or directory你可以尝试先输入pwd然后再输入ls的方法找到你的路径

七、创建项目

vue init webpack-simple demo

这时会显示一些初始化的操作
? Project name demo 按回车
? Project description A Vue.js project 按回车
? Author jxin 输入你的名字
? License MIT 回车
? Use sass? Yes 输入y

八、接下来进入创建的工程目录

cd demo

进入工程目录后执行一下操作

*安装项目依赖

npm install

(速度有些慢，需要等待一下)

*安装路由

cnpm install vue-router vue-resource --save

*启动项目

npm run dev

终端

成功后会弹出

这时可在demo下创建一个文件夹static，写一个html
在地址栏输入localhost:/8080/static/index/html就可以看到你写的页面了。