Vue开发环境

Homebrew  Mac 包管理器 
Node.js   JavaScript 运行环境 
npm       Nodejs的包管理器 
webpack
Vue的组件  通过 .vue 或者 像微信小程序的.wxml 和.wcss 等自定义的，
组件无法通过各种浏览器解析，需要编译译打包成 js文件

vue-cli  用来生成模版的 Vue 工程 


 Brew 简介及安装 
brew -v 

安装 node.js
brew install nodejs
brew install node
brew reinstall node

#查看node版本
node -v 
#查看npm版本
npm -v 


nodejs模块安装目录访问权限 设置
sudo chmod -R 777 /usr/local/lib/node_modules/


安装 淘宝镜像 （cnpm）
使用sudo目的是npm安装在 /usr/local/lib下，没有对应的操作权限
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm error request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired

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


安装webpack
sudo cnpm install webpack -g

出现 .bin/webpack-dev-server permission denied
sudo cnpm install webpack-dev-server -g 

安装vue脚手架
npm下载速度比较慢，使用 cnpm 
sudo cnpm install -g vue-cli

vue list

安装项目依赖
cnpm install　

提示权限问题 就加 sudo 

安装 vue 路由模块 vue-router 和 网络请求模块 vue-resource
cnpm install vue-router vue-resource --save

启动项目
npm run dev 或 cnpm run dev

dev环境    看 package.json 
cnpm run sever






  MAC 日常开发环境准备