目的
熟悉前端express + webpack +vue的前端服务器框架,数据库使用MongoDB
方式
通过webpack + express +vue来搭建一个简易的博客系统来熟悉这些工具,在整个过程中熟悉和巩固web开发的这个
流程。
需求
新建一个博客系统,支持简单的CRUD功能,同时支持markdown语法
主技术栈
- express
- webpack 4
- vue
- mongodb
附加的小技术点:
- Babel — ES6+ transpilation
- Jest - testing
- ESlint — Linting
- Webpack Dev Middleware — Bundle code in memory instead of in a file
- Webpack Hot Middleware — Enables Hot Module Reloading (HMR)
- mini-css-extract-plugin — minifies CSS
同时会一点点的html/js/css
开发平台
- webStorm
- node.js
参考资料
- Creating a Node Express-Webpack App with Dev and Prod Builds
- 让你的站点也支持MarkDown
- Node Express.js, Vue.js & Mongoose|MongoDB Tutorial — CRUD By Example
相关博客
1.vwe开发之创建express后台服务器
2.vwe开发之用webpack打包前端
3.0vwe开发之webpack整合express
3.1vwe开发之webpack整合express之开发环境和生产环境
3.2vwe开发之webpack整合express之辅助工具
4.vwe开发之代码检测
5.vwe开发之测试
6.vwe开发之引入vue
7.vwe开发之支持vue-router
8.vwe开发之axios向后台发送请求
9.vwe开发之支持markdown
10.vwe开发之mongo数据库开发