为 vue-human 而量身配置的 webpack 模板,用于快速新建 human 项目。该模板基于 vuejs-templates/webpack
(github) 项目进行扩展,目前有部分相似,又有部分不同。vue-human 是一个基于 vue 的组件库,同 Element, iView 的作用相同,但是设计理念和使用方式不同。
# 安装 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
- vue-router
- vuex
- axios
- sass-loader
- node-sass
- sass-resource-loader
- vue-human
- vue-human-env
- vue-human-icons