这是一个开源的个人blog
项目.主要目的是玩一玩vue
。大家可以在本项目中不仅仅可以学习了解以下的框架/库
,同时还可以了解关于代码结构组织
,模块化
,前端构建
等内容。这个项目才刚开始,我会带着大家完成整个blog
项目的开发工作。
前端
后端
node -v
v6.9.2
npm -v
3.10.9
1. fork本项目
2. git clone ...
3. cd x-blog
4. npm install (建议使用淘宝镜像)
5. npm run dev
6. 浏览器打开 localhost:3000/pages
issue
some tips:
mock
数据完成post
静态页面原型,修复webpack
使用extractTextPlugin
的正确姿势
添加about
静态页面
json-server
. 使用方法请戳我
主要作用就是在你开发环节在后端同学还未开发完成的情况下,提供一个mock backend server
。
在我们还未开始写后端代码前,主要用这个backend server
去模拟数据格式。
PS: 因为你webpack-dev-server
占用了一个端口,那么json-server
需要使用另外一个端口。
这个时候需要利用webpack-dev-server
提供的proxy
功能。
具体的配置信息,见webpack.config.dev.js
文件
axios
作为http
资源库其实vue
对于开发者使用什么资源库没做什么限制。使用你顺手的就好了。
将axios
集成进vue
的方式见App.vue
文件。
webpack
生产环境配置信息见webpack.config.prod.js
文件。主要添加的内容为文件的hash
,文件的打包及输出内容
tags
页面添加vue-router
路由动态匹配lib/mock/db.json
文件archive
静态页面