[推荐] 构建中大型 Vue 项目样板

2017-06-26 10:32:50 +08:00
 jeffjade

对于如何构建 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,有些童鞋评论说,多是废话,也无心于之争;开源这份样板,也是将所学运用到代码中,欢请朋友们品评指正😊。

3667 次点击
所在节点    前端开发
6 条回复
lisonfan
2017-06-26 10:35:17 +08:00
赶紧编辑一下排个版吧。。
jeffjade
2017-06-26 10:39:15 +08:00
@lisonfan 嗯,这是一个很好的建议。
seki
2017-06-26 10:52:09 +08:00
我还是会使用 vue-cli,因为组件库,vue 插件等是要根据项目要求来搭配的

此外小小吐槽一下:
- 用了 element-ui 为什么还需要有 bootstrap
- eslint 配置里可以加 https://github.com/vuejs/eslint-plugin-vue
jeffjade
2017-06-26 11:01:57 +08:00
@seki 感谢。的确,vue-cli 是很好的存在,很强大且简约,之前都会用它来初始化一个项目;据官方更新,那里也给出了 pwa 的初始化,实在是好。但,如果做两个以上类似的项目的话,就有必要自己搭建一套出来,免得 vue-router vuex,项目结构等等要重新配置;

element-ui 其实用起来挺好的,不过不能完全自己适配移动端,引入 bootstrap 也是有偷懒的嫌疑(其中部分是不需要的存在)。


这个官方的 eslint 配置,看起来很不错的样子,之后考虑给加上(感谢 👏🏻)。
yunjefflord
2017-06-26 13:50:29 +08:00
Mark — 看起来,目测有点意思。
jeffjade
2017-06-26 19:53:36 +08:00
@yunjefflord 还在持续更新中~ 😀

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/371075

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX