> 本手册默认环境为Mac,其他平台请先自行百度,待有空我再加上。
---
> 由于vbuild处于开发前期,更新比较频繁,本手册部分内容已不适用于新版vbuild。
> 待我另行抽空更新,敬请期待……
> (vbuild目前最新版本为v6.24.1)
github主页:https://github.com/egoist/vbuild
vbuild让你可以打包vue.js项目,而无需一遍又一遍地安装相同的依赖包。同时,你也不需要重复编写你的项目配置。
当然,vbuild是可以配置的,你可以指定项目的入口文件,页面标题,页面需要的模板文件,打包参数配置等等。
![](https://cloud.githubusercontent.com/assets/8784712/23060768/1e3bea76-f53a-11e6-8735-998ee5f87238.png)
[TOC]
### 一、安装vbuild
~~~
# 推荐运行环境: node.js >=6 and npm >= 3,yarn (>=0.17)
yarn global add vbuild
# 或者用 npm i -g vbuild
vbuild init my-project
cd my-project
yarn
yarn dev
~~~
如果报错,请检查node版本,`$ node -v`。
nodejs 升级:
> #### 1、安装node版本管理器n:
`$ npm install -g n`
#### 2、升级到最新稳定版:
`$ n stable`
然后再执行上面的安装代码,就可以顺利安装了。
### 二、新建项目
创建一个vbuild-sample项目,直接在文件夹中init,连mkdir都省了:
`$ vbuild init vbuild-sample`
然后yarn安装(So easy,妈妈再也不用担心我的学习了):
`$ yarn`
![创建项目](https://box.kancloud.cn/498289adaf8eca710e96ec54f758ddbd_453x516.png)
### 三、预览调试项目
终端输入命令:
`$ yarn dev`
Oh, Yeah~~
![构建开发版](https://box.kancloud.cn/5cb678e9dceca644f155a29dbda53494_453x265.png)
在浏览器中输入:http://localhost:4000/ ,我们的Vue页面就出来了:
![浏览器的效果](https://box.kancloud.cn/f26017e26b2a14da10e3a80289b2e152_629x303.png)
提示我们,编辑./src下的文件,保存刷新。