mac上搭建vue环境

新入手一台macbookpro从零开始安装所需要的东西和配置环境

1. 安装item2，比较强大的终端

直接官网下载安装
https://www.iterm2.com/

2. 安装Homebrew。由于国内网络原因，官网给的安装方式行不通，可自行在码云上搜索，作者长期更新,或者直接执行下面

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

3. 安装git（tips：如果科学上网比较快）

brew install git   
   

4. 安装node.js(直接官网下载按步骤安装），安装成功后，查看一下node.js的版本信息：

node -v

5. 获取nodejs模块安装目录访问权限(重要！！！）

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

5.1安装 淘宝镜像 （npm）（如有科学上网，可忽略这一步）

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

6. 安装webpack

npm install webpack -g

7.安装vue脚手架(2.x版本。3.0看官网）

npm install vue-cli -g

8.在硬盘上找一个文件夹放工程用的，在终端中进入该目录

cd 目录路径

9.创建vue项目

vue init webpack-simple 工程名字<工程名字不能用中文>
例子
vue init webpack-simple demo1

10.安装依赖

npm install

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

npm install vue-router vue-resource --save

12.启动项目

npm run dev

启动成功后浏览器输入
http://localhost:8080