Mac下正确安装运行VUE

因为开发用的Mac系统，所以网上很多vue.js组件化开发环境搭建教程都不完全适用，多次踩坑总结了一下正确姿势，当做笔记，望指正。如果你只是简单的想了解使用，请移步 官方教程 。

以下操作都在Mac自带终端操作:

1. 首先安装包管理homebrew

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

2. 安装 node.js

两种方式安装：
node下载安装
命令安装（推荐）

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 模块打包器

cnpm install webpack -g

6. 安装 vue.cli 工具

sudo cnpm install -g vue-cli

7. 本机创建一个文件夹放工程用，并cd到该目录

请不要直接复制粘贴
cd /Users/qingqing/Desktop/技术相关/VUE

8. 终于到了创建 vue.js 工程

my-project是你要创建的工程名字，可以随意写但是不能有中文。
vue init webpack my-project
之后会出现很多设置，我这里都选的yes 当然也可以选择no，只是一些测试工具，code工具等。

半成功

9. 安装项目依赖

cd 到创建的工程目录下 我这里是 cd my-project
cnpm install

10. 安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

11. 启动项目

npm run dev

至此就完成了，开心愉快的创造吧！