Duchongc / vuecommunity

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vuecommunity

"vue中文社区的实现"

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

Description

  • 使用了vue-router、vuex
  • 使用vue-cli 3 搭建
  • 使用了CKeditor富文本编辑器(有针对vue/react/angular开发的版本,简单易用)ckeditor for vue
  • 使用了社区提供的几乎所有api
  • 几乎和原社区完全相同
  • 保留了编码过程中的主要分支
    • master 主分支
    • Common 公共组件
    • Home-list 首页
    • Home-page 分页组件(废弃)
    • Login 登录页
    • commonSideBar 侧边栏
    • message 未读消息页
    • pagination 分页组件
    • publishTopic 发布话题页
    • topics 话题页
    • user 用户页面
  • 将分页组件单独发了一个npm包,有兴趣的同学可以看下pagination component for vue

file directory

  • src
    • assets
      • icons ---- iconfont图标等等
      • imgs ---- 用到的图片
      • js ---- js文件
      • styles ---- css文件
      • logo.png
    • common ---- 公共组件
      • CommonSideBar ---- 侧边栏
      • CommonHeader ---- 头部组件
      • CommonFooter ---- 底部组件
      • CommonLoading ---- 加载动画(网上找的网友做的简易css动画)
      • CommonPagination ---- 分页组件
    • pages ---- 各个页面组件
      • home ---- 主页
        • components
          • HomePage ---- 该组件废弃(可直接删除)
      • login ---- 登录
      • message ---- 未读消息
      • publish ---- 发布话题
      • topics ---- 话题页
      • user ---- 用户页
    • router ---- 路由页
    • store ---- vuex状态管理
    • App.vue
    • main.js

Picture

Image text Image text Image text Image text

About


Languages

Language:Vue 71.1%Language:JavaScript 26.0%Language:CSS 2.6%Language:HTML 0.3%