Rhaast / S_Coder_manager

S_Coder_manager

S_Coder的后台管理系统

vue相关生态

---

1. vue
2. vue-router
3. vue-cli
4. vuex

UI组件库

---

element-ui

第三方插件

1. axios
2. mavonEditor

构建工具

webpack

预览

实现的功能

---

• 新增笔记，删除笔记
• 查询评论，删除评论
• 查看个人资料
• 新增账号，删除账号
• 角色管理

项目结构

---

├── build              // 构建服务和webpack配置
├── config             // 不同环境的配置
├── node_modules       // 环境依赖
├── dist               // webpack打包的目录
├── src                // 源码目录
│   ├── assets         // 各种静态资源
│   ├── components     // 页面视图
│   ├── router         // 路由配置
│   ├── App.vue        // 主页面
│   └── main.js        // Webpack 预编译入口
├── static             // 重置样式
├── index.html         // 入口文件

Build Setup

# cd s_coder 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 a detailed explanation on how things work, check out the guide and docs for vue-loader.