V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
rinaliuzhen
V2EX  ›  分享创造

V2EX 克隆项目升级 Vue.js 1.x to 2.0

  •  
  •   rinaliuzhen · 2016-10-15 13:47:40 +08:00 · 2511 次点击
    这是一个创建于 2760 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Demo: http://v2ex.liuzhen.me/

    项目地址: https://github.com/liuzhenangel/v2ex_frontend

    项目升级更新详情: https://github.com/liuzhenangel/v2ex_frontend/commit/8bc0a8d87728e9e08f9207ebe0ff6e806cc704f2

    升级步骤:

    第一步, 安装 vue-migration-helper CLI 工具,以帮助从 Vue 1.x 迁移到 2.0 。 它扫描文件以获取 Vue 特定的代码,并在找到过时的模式时提供详细的警告。

    # install
    npm install --global git://github.com/vuejs/vue-migration-helper.git
    
    # navigate to a Vue 1.x project directory
    cd path/to/my-vue-project
    
    # scan all files in the current directory
    vue-migration-helper
    # scan all files in specific sub-directories
    vue-migration-helper src folder-a folder-b
    

    第二步, 根据提示信息修改文件中对应的地方.

    Screenshot

    另: v2ex_frontend 项目 1.0 引用了 vue-paginate, 这个 package 不支持 Vue.js 2.0, 目前已经删除使用.

    2.0 相关文档

    vue.js 2.0 中文文档: http://vuefe.cn/guide/

    vue.js 2.0 英文文档: http://rc.vuejs.org/guide/installation.html

    vue-router 2.0 文档: http://router.vuejs.org

    6 条回复    2016-10-19 15:45:56 +08:00
    zgl2007dj
        1
    zgl2007dj  
       2016-10-15 14:02:18 +08:00
    请优化下样式,看上去很粗糙
    ins
        2
    ins  
       2016-10-15 14:56:26 +08:00
    打开 demo 很不好看..再细细的优化下啊,打开后显示 api 访问超额
    rinaliuzhen
        3
    rinaliuzhen  
    OP
       2016-10-15 15:35:01 +08:00
    @ins
    @zgl2007dj

    之前好多人回复我说, 这个 demo 样式看着很舒服, 对于外观我只能说众口难调.
    api 访问超额, 是因为 V2EX api 限制了每小时只能访问 120 次, 超出后取不到数据. 这段时间可能访问的人比较多吧.
    zgl2007dj
        4
    zgl2007dj  
       2016-10-15 15:52:17 +08:00
    我指的是细节,比如你可以仔细对比下 V 站 列表这一块的排版(字体大小,颜色,主次区分)
    LU35
        5
    LU35  
       2016-10-15 19:05:45 +08:00 via Android
    @rinaliuzhen 是的,并不好看
    qfdk
        6
    qfdk  
       2016-10-19 15:45:56 +08:00 via iPhone
    感觉列表少点儿什么 强迫症表示不舒服 把头像去掉 或者调小 放在主题一行里面效果会更好
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1570 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:53 · PVG 00:53 · LAX 09:53 · JFK 12:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.