vwe项目之blog的开发总纲

目的

熟悉前端express + webpack +vue的前端服务器框架,数据库使用MongoDB

方式

通过webpack + express +vue来搭建一个简易的博客系统来熟悉这些工具,在整个过程中熟悉和巩固web开发的这个
流程。

需求

新建一个博客系统,支持简单的CRUD功能,同时支持markdown语法

主技术栈
  1. express
  2. webpack 4
  3. vue
  4. mongodb

附加的小技术点:

  1. Babel — ES6+ transpilation
  2. Jest - testing
  3. ESlint — Linting
  4. Webpack Dev Middleware — Bundle code in memory instead of in a file
  5. Webpack Hot Middleware — Enables Hot Module Reloading (HMR)
  6. mini-css-extract-plugin — minifies CSS

同时会一点点的html/js/css

开发平台
  1. webStorm
  2. node.js
参考资料
  1. Creating a Node Express-Webpack App with Dev and Prod Builds
  2. 让你的站点也支持MarkDown
  3. 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数据库开发

6之前的项目Demo GitHub地址
总的GitHub项目地址

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值