vue练手项目实战
vue中文社区的实现## 说明使用vuejs中文社区提供的api实现整个社区vuejs中文社区项目地址安装方式# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run...
·
vue中文社区的实现
## 说明 使用vuejs中文社区提供的api实现整个社区安装方式
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
介绍
- 使用了vue-router、vuex
- 使用vue-cli 3 搭建(除了设置代理访问api,其他基本不需要配置)
- 使用了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
开发文件目录
- src
- assets
- icons ---- iconfont图标等等
- imgs ---- 用到的图片
- js ---- js文件
- styles ---- css文件
- logo.png
- common ---- 公共组件
- CommonSideBar ---- 侧边栏
- CommonHeader ---- 头部组件
- CommonFooter ---- 底部组件
- CommonLoading ---- 加载动画(网上找的网友做的简易css动画)
- CommonPagination ---- 分页组件
- pages ---- 各个页面组件
- home ---- 主页
- components
- HomePage ---- 该组件废弃(可直接删除)
- components
- login ---- 登录
- message ---- 未读消息
- publish ---- 发布话题
- topics ---- 话题页
- user ---- 用户页
- home ---- 主页
- router ---- 路由页
- store ---- vuex状态管理
- App.vue
- main.js
- assets
图片阅览
END
不足之处请各位多多指教,共同进步
更多推荐
已为社区贡献3条内容
所有评论(0)