1.0.11 • Published 5 years ago
alexvue v1.0.11
发布: 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
编写样式文件 - 模块导入样式文件
- 错误映射
参考
*由于工程使用到了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 :删除指定页面