Skip to content

VitualReaty/webpack

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

为 vue-human 而量身配置的 webpack 模板,用于快速新建 human 项目。该模板基于 vuejs-templates/webpack (github) 项目进行扩展,目前有部分相似,又有部分不同。vue-human 是一个基于 vue 的组件库,同 Element, iView 的作用相同,但是设计理念和使用方式不同。

如何快速生成 Human 项目

准备工作(如果已经完成可以跳过)

# 安装 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

相关资料

常见 install 失败的解决方法:设置镜像

About

Quick build vue-human project.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 82.8%
  • Vue 14.0%
  • CSS 1.7%
  • HTML 1.1%
  • Shell 0.4%