对于如何构建 VueJs 项目,自然推荐官方的脚手架 vue-cli ;而对于微小型项目,个人倒挺看好 poi —— (Delightful web development),它能让你十分便捷的使用当前流行的框架( Vue React 等)。
即便如此呢,很多业界朋友,对 Vue 项目的构建,还是不尽如人意;鉴于此,有根据过往的些许经验,设计出一套样板 —— vue-boilerplate-template ,以供参考,当然也期待朋友给予指正。
其中已经依赖了 vue-router、 vuex、 vue-i18n、 element-ui、 bootstrap 诸多库;也注入了 webpack、 Eslint、 pre-commit 等等便捷开发相关的库。其中对与后台接口调用与使用,vuex 的运用,视图结构的塑造,路由和多语言的配置,公共方法的调度,webpack 打包优化等等,都基于便捷开发的前提下,做了相应的设计,希望有缘人会喜欢;这一番设计缘由,得空会另起一篇文章予以阐明;而这番设计也会,在不断的学习中持续改进。
之前有写篇关于 vue 的文章-如何写一手漂亮的 Vue,有些童鞋评论说,多是废话,也无心于之争;开源这份样板,也是将所学运用到代码中,欢请朋友们品评指正😊。
1
lisonfan 2017-06-26 10:35:17 +08:00 1
赶紧编辑一下排个版吧。。
|
3
seki 2017-06-26 10:52:09 +08:00
我还是会使用 vue-cli,因为组件库,vue 插件等是要根据项目要求来搭配的
此外小小吐槽一下: - 用了 element-ui 为什么还需要有 bootstrap - eslint 配置里可以加 https://github.com/vuejs/eslint-plugin-vue |
4
jeffjade OP @seki 感谢。的确,vue-cli 是很好的存在,很强大且简约,之前都会用它来初始化一个项目;据官方更新,那里也给出了 pwa 的初始化,实在是好。但,如果做两个以上类似的项目的话,就有必要自己搭建一套出来,免得 vue-router vuex,项目结构等等要重新配置;
element-ui 其实用起来挺好的,不过不能完全自己适配移动端,引入 bootstrap 也是有偷懒的嫌疑(其中部分是不需要的存在)。 这个官方的 eslint 配置,看起来很不错的样子,之后考虑给加上(感谢 👏🏻)。 |
5
yunjefflord 2017-06-26 13:50:29 +08:00
Mark — 看起来,目测有点意思。
|
6
jeffjade OP @yunjefflord 还在持续更新中~ 😀
|