Vue-cli 脚手架安装

Mac OS系统安装 nodejs
我一般都是去官网下载安装，也可以使用brew安装
在终端输入：

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

然后使用命令：

    brew install nodejs  

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

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

如果安装遇到permission denied的时候，需要在命令开头加sudo安装

如果npm镜像太慢，可以使用淘宝镜像
npm i -g cnpm --registry=https://registry.npm.taobao.org （i 是 install的简写，之后使用npm install XXX的时候用cnpm命令代替）

安装webpack

npm i webpack -g  (遇到permission denied需要加sudo)
webpack -v (安装完成可以查看webpack版本)

安装vue-cli

npm i vue-cli -g  (遇到permission denied需要加sudo)
vue -V (注意这里的大V，安装完成并成为可以查看版本号)

在终端进入项目目录

cd vue-demo (vue-demo为目录名字，自己定义)
vue init webpack vue-demo (创建项目)

根据自己的需求进行选择

然后：

• npm install (安装依赖)
• npm install vue-router vue-resource --save (路由跟网络请求模块安装-如果太慢用cnpm)
• npm run dev （运行）

运行成功的页面

如果不希望使用默认端口号：
可以在config/index.js 中 修改port 端口号

推荐大家看 http://www.jianshu.com/p/1626b8643676 这篇写的更加详细