一篇解决mac上开发vue的基础问题

Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。

1、安装homebrew

查看是否安装homebrew，以及版本信息

brew -v

若是不存在，则执行安装命令

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

2、通过brew方式安装node和npm

brew install node

查看node是否安装成功

node -v

npm -v

3、安装cnpm

基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像（http://npm.taobao.org/）

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

4、安装vue-cli

npm install -g vue-cli

安装完成，接下来可以安装webstorm进行开发了
————————————————
 

五、使用淘宝NPM 镜像
npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

六、安装vue-cli
cnpm install vue-cli -g      //全局安装 vue-cli

七、检查是否安装成功
vue list

八、进入桌面，创建项目文件夹
cd ~/Desktop

mkdir testVueProject

cd testVueProject

九、创建项目
通过第8步，现在所在路径为~/Desktop/testVueProject/， 在现在的路径下执行:

vue init webpack VueProject_01

其中VueProject_01是你想要的项目名称。

十、进入VueProject_01执行
cnpm install

cnpm run dev

这个时候就成功了，访问http://127.0.0.1:8080即可。