如何在mac上运行vue项目

本人使用的是Mac笔记本，所以搭建Vue环境的时候遇到了一些坑，在此做下记录希望可以帮到和我一样掉坑的人。
都说Vue和小程序有些地方很相似，便从朋友手里要了一个Vue的项目想着尝试看看。结果项目到手才发现坑了不是一个编辑器运行就可以解决的，还需要各种配置环境的……

使用终端安装Vue运行环境

1、安装 Homebrew

Homebrew是osx下面最优秀的包管理工具,没有之一。先在终端查看是否已安装brew

brew -v 

如果返回 Homebrew 的版本号 例如：Homebrew 1.3.6 那么恭喜你，可以跳过这一步，如果没有，那就乖乖执行第一步。

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

2、安装 node.js

我对brew命令并不是很熟悉，试了几次经常出错的情况，所以采用手动安装下载地址：https://nodejs.org/en/download 选择mac os型号。

3、 获取nodejs模块安装目录访问权限 （必须执行）

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

4、安装 淘宝镜像 （cnpm）

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

5、安装webpack

sudo cnpm install webpack -g

这里需要注意一点使用上面语法执行npm run dev 报错! MAC电脑出现 .bin/webpack-dev-server permission denied 提示权限问题,为了避免出现这个问题你可以采取下面语法

sudo cnpm install webpack-dev-server -g 

6、安装vue脚手架

sudo cnpm install -g vue-cli

7、安装项目依赖

cnpm install　

8、安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

9、启动项目

npm run dev
或
cnpm run dev