Mac - vue环境搭建

使用vue-cli的优势
1. 成熟的vue项目架构设计
2. 本地测试服务器
3. 集成打包上线方案

 使用vue-cli的系统要求
    1. Node.js (>= 4.x)
    2. Git
    3. 一个能使用node的命令行终端

 安装vue-cli
    1. npm install vue-cli -g    全局安装vue-cli
    2. vue init webpack my-project   初始化项目(规定webpack打包方式)
    3. npm install  安装醒目依赖
    4.
        1). npm run dev    在localhost启动测试服务器
        2). npm run build 生成上线目录(部署)






  1. node官网下载安装http://nodejs.cn/download/
  2. 安装npm镜像  因为npm的服务器在国外, 国内访问速度慢
  3. 安装淘宝cnpm镜像   https://npm.taobao.org
    执行命令 :
    alias cnpm="npm --registry=https://registry.npm.taobao.org \
    --cache=$HOME/.npm/.cache/cnpm \
    --disturl=https://npm.taobao.org/dist \
    --userconfig=$HOME/.cnpmrc"

  4. 安装vue-cli
     $ cnpm install vue-cli -g
  5. 查看vue的帮助
     $ vue --help
  6. 查看官方提供的模板
     $ vue list

  7. 创建一个项目
     $ vue init webpack vuedemo3   创建一个项目名称为vuedemo3
     会提示你是否使用ESLint   代码检查工具  不适用
            karma + Mocha  一个测试工具  不使用
            Nightwatch   测试工具       不使用

  8. 启动项目
        1). $ cd vuedemo3
        2). $ ls
        3). $ cnpm install  安装
        4). $ npm run dev
        5). $ npm run build   生成部署用的文件

  9. 安装插件 - 前端路由  vue-router
        $ cnpm install vue-router --save
        将路由保存到配置文件中