发布: npm publish login: alex7707

切换回: npm config set registry http://registry.npmjs.org/ 登录

一个能够让你快速构建基于vue的app多页应用脚手架，可独立开发h5 app或集成到hbuilder开发原生应用。

文档地址

vue-cli

之所以不使用官方的vue-cli构建应用是因为：

• vue-cli需要自己实现多页面构建。
• 在开发环境（npm start）下会创建服务器，一切构建结果都存放在内存中，本地无法访问，导致app变为空白页。
• 只有在生产环境（npm run build）下才会构建到本地，却失去了对模块的实时监控。
• webpack拆分太细，功能太全，很多功能在app端都不会用到。

以上不足均可以自行修改vue-cli实现构建最优化，出于时间成本的考虑，最终决定在已有的angular-m-cli的基础上完成适合app开发的脚手架构建。

vue-app-cli

可以快速构建基于vue的app多页应用，对h5页面app和dcloud原生app都十分友好。

它实现了以下功能：

• 快速生成app模板
• 快速创建新页面
• 支持es6
• 支持.vue文件
• 基于sass编写样式文件
• 模块导入样式文件
• 错误映射

参考

vue-cli、教你从零开始搭建一款前端脚手架工具

*由于工程使用到了sass，请确保您的电脑已经安装了python

方法一：你需要将该项目克隆到本地，安装相关依赖

git clone https://github.com/mescalchuan/vue-app-cli.git //进入到vue-app-cli目录下 npm i 除此之外，你还需要将该工程链接到全局执行环境中，方便全局使用

npm link 方法二：npm i vue-app-cli -g

现在，我们随便进入一个文件夹，输入vue-app命令，看看是否可以全局使用了

-v | --version：查看vue-app-cli版本 -h | --help：查看帮助 init | i ：创建一个新的项目 add | a ：添加新的页面 list | l ：列举出所有页面 delete | d ：删除指定页面