安装

这里介绍 2 种方法可以使用 Vue Human：

• 一种是推荐的脚本生成方式；
• 另外一种是开发者自己构建 webpack、vue、sass 和 Vue Human 的方式。

建议先通过第一种方式快速生成 Vue Human 项目，第一种方式由 Vue 官方提供的 vue-cli 脚手架生成器实现。

步骤一：准备工作

如果已经完成这些准备工作，可以跳过该过程，直接进入创建项目的过程。

# 安装 nrm 用于管理 npm 源的版本，国外用户可以忽略
$ npm install -g nrm
$ nrm use taobao

# 修改你本地一些库的镜像，国外用户可以忽略
$ npm config edit

# 然后添加如下内容
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/

# 添加后保存退出，具体查看该链接 [镜像](./docs/mirror.md)

# 安装 yarn，如果你已经安装完成，可以跳过。
$ npm install -g yarn

# 安装 vue-cli，如果你已经安装完成，可以跳过。
$ npm install -g vue-cli

步骤二：创建项目

# 下载 HumanUI/webpack 模板
$ vue init HumanUI/webpack my-project

# 如果安装完成，你将会看到一些提示文字
$ cd my-project

# 进入文件夹后，先初始化，通过以下命令初始化，这步将创建你本地的配置文件，
# 初始化 git 仓库，以及安装 package 依赖包
$ yarn run first

# 通过游览器内打开 localhost:8080 以游览你的项目
$ yarn run dev