Mac下vue环境搭建

本人新手入门，在环境搭建过程中遇到了很多坑，仅以此文纪录步骤，以防日后忘记。

一：环境安装
1、Mac系统安装brew
打开终端，运行以下命令：

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

2、安装node.js

brew install nodejs

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

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

注意：在安装这一步时，需要在终端输入密码，电脑开机密码（自己设置的解锁密码）
4.安装淘宝镜像

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

（在安装过程中如果出现错误，可能是安装镜像的权限不够，解决办法：）

sudo chown -R $USER /usr/local

测试cnpm安装成功：

sudo cnpm -v

5、安装vue

sudo cnpm vue
测试vue.js安装是否成功:
sudo cnpm vue -V

6、安装webpack

sudo cnpm install webpack -g

7、全局安装vue/cli脚本架

sudo cnpm install –global vue-cli

二：创建一个简单的vue.js项目：
1.创建一个基于webpack的vue项目

sudo vue init webpack my-project

2.在创建的项目中引入依赖包：

cd my-project
sudo cnpm install

3、启动vue.js

sudo cnpm run dev