Vue全家桶开发开源的CNode社区

Vue全家桶开发开源的CNode社区，实现了登录，回复，发帖，收藏，点赞，查看消息，更换主题色，退出等功能

预览地址

技术栈

• Vue2.2: [ 前端框架 ]
• Vuex: [ 状态管理,组件通信 ]
• Vue-router: [ 配置路由，组件切换 ]
• Vue-lazyload: [ 图片懒加载 ]
• ES6/7: [ JS版本 ]
• Webpack: [ 模块化处理，编译打包 ]
• Express: [ 服务器 ]
• Axios: [ 基于Promise处理HTTP请求 ]
• SASS(SCSS): [ css预处理器 ]
• Normalize.css: [ 处理浏览器默认样式 ]
• Font-awesome: [ 字体图标 ]
• Moment.js: [ 处理时间显示 ]
• Simplemde: [ markdown编辑器 ]
• Highlight.js: [ 语法高亮 ]
• Flex: [ 弹性布局 ]
• Canvas: [ 首页loading效果，按钮的波纹效果 ]
• loaclStorge: [ 本地存储用户信息 ]

手机可访问二维码

源码

GitHub

项目结构

注意

• 登录功能采用accessToken登录，需要到CNode官网注册并登录账号， 到设置页面中获取accessToken
• 建议使用Chrome等现代浏览器查看

效果图

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.