V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jeffjade
V2EX  ›  前端开发

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

  •  2
     
  •   jeffjade ·
    nicejade · 2017-06-26 10:32:50 +08:00 · 3682 次点击
    这是一个创建于 2717 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    6 条回复    2017-06-26 19:53:36 +08:00
    lisonfan
        1
    lisonfan  
       2017-06-26 10:35:17 +08:00   ❤️ 1
    赶紧编辑一下排个版吧。。
    jeffjade
        2
    jeffjade  
    OP
       2017-06-26 10:39:15 +08:00
    @lisonfan 嗯,这是一个很好的建议。
    seki
        3
    seki  
       2017-06-26 10:52:09 +08:00
    我还是会使用 vue-cli,因为组件库,vue 插件等是要根据项目要求来搭配的

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

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


    这个官方的 eslint 配置,看起来很不错的样子,之后考虑给加上(感谢 👏🏻)。
    yunjefflord
        5
    yunjefflord  
       2017-06-26 13:50:29 +08:00
    Mark — 看起来,目测有点意思。
    jeffjade
        6
    jeffjade  
    OP
       2017-06-26 19:53:36 +08:00
    @yunjefflord 还在持续更新中~ 😀
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1103 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 22:49 · PVG 06:49 · LAX 14:49 · JFK 17:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.