接触 前 端 大 半年 ,写 过用过React.js,最 后 转用Vue.js。
突然 想 弄 自己 的 博 客 ,但 是 从没接触 过后端 ,更 没 有 搭建过Web服 务器。
所以 该项目 重心 在 如何 用 Express,MongoDB,打 造 Api给页面 调用。
(我 想 应该有 刚接触 前 端 的 人 跟我一样对后端的套路不了解吧)
├─build //webpack打 包 模 式
├─config //webpack配置 工具
├─routes
│ │ allowCross.js //跨 域 方法
│ │ index.js //express路 由 入口 文 件
│ │
│ └─controller
│ datalist.js //文章 列 表 路 由
│ delete.js //删除文章 路 由
│ detail.js //文章 详情路 由
│ insert.js //文章 新 增 路 由
│ session.js //session登 陆路由
│ update.js //更新 文章 路 由
│ users.js //用 户路由
│
├─src //前 端 资源文 件
│ ├─coms //组件
│ ├─page //页面文 件
│ └─webcom //通用 文 件
├─upload //上 传图片 存 放 目 录
└─webcommon //webserver静 态目录
│ .babelrc //babel 配置
│ index.html //入口 文 件
│ package.json //npm 配置
│ server.js //webserver启动文 件
Prerequisites: Node.js (>=4.x, 6.x preferred), npm version 3+ and Git.
# clone project and change directory /vue-blog
git clone https://github.com/ChanSun/vue-blog.git
cd /vue-blog
# install package
npm install
# production mode:packs the front-end file and web server will turn on which include Api but need start Mongodb server.
npm run start
# development mode:Hot refresh and web server which include Api but need start Mongodb server.
npm run dev
# only open the web server
npm run server
# development mode have Hot refresh.
npm run front-dev
# production mode have not open web server.
npm run front-build
# open the url
http://localhost:8080
运行npm run start or npm run dev