> 本手册默认环境为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下的文件,保存刷新。