项目说明
该项目为实操vue所写的SPA，本来为多人协作，本人为了学习到更多的vue实践操作而单独进行。感谢cnode社区提供的api，感谢男叔和我开耐心指点及讲解。
技术范畴
vue + vue-router + axios + less + ES6；使用webpack进行打包
功能
- 主题列表，上拉加载
- 主题分类
- 主题详情，回复
目录结构
. ├── build # 构建脚本 │ ├── dev-server.js # development server script │ ├── webpack.base.conf.js # shared base webpack config │ ├── webpack.dev.conf.js # development webpack config │ ├── webpack.prod.conf.js # production webpack config │ └── ... ├── config # 配置文件 │ ├── dev.env.js │ ├── index.js │ └── prob.env.js │ ├── node_modules # node模块依赖 ├── src │ ├── components # 组件文件夹 │ │ ├── a.vue # 单文件组件 │ │ ├── b.vue │ │ └── ... │ ├── router # 路由 │ │ ├── router.js │ │ └── routes.js │ ├── asserts # 资源文件夹 │ │ ├── images # 图片 │ │ ├── css # 样式表 │ │ └── fonts # 字体 │ │ │ ├── main.js # webpack entry │ └── ... │ │ │ ├── static # 静态资源目录 └── package.json
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.