項目初始化(前提安裝node、webstorm)
新建3個項目，分別為后端項目，前端博客項目和一個博客后臺管理系統(tǒng)，分別命名為blogserver,blogclient,blogadmin
初始化blogserver:
1、使用webstorm創(chuàng)建一個項目blogserver空項目
cd blogserver
npm init // 初始化package.json，一直按回車就好
cnpm i express --save // 安裝express框架
2、整理項目結構：新建文件夾pulic、routers、schemas、models、文件index.js
public 存放靜態(tài)文件，如 css、圖片等
routes 存放路由文件
schemas 存放mongoose相關的Schema文件
models 存放操作數(shù)據(jù)庫的文件
index.js 入口文件
DC20E0F3-19DE-470B-9344-24F35226EF53.png
3、在index.js文件中加入以下代碼
var express = require('express');
var app = express();
app.get('/', function(res, rep) {
rep.send('Hello, word!');
});
app.listen(4000);
運行node index.js,在瀏覽器中訪問 http://localhost:4000/ 就可以看到效果，至此，server端的項目初始化完成
初始化blogclient和博客后臺管理系統(tǒng)
前端的項目都是采用vue編寫，我們是用vue的腳手架工具vue-cli來創(chuàng)建blogclient和blogadmin
vue 的初始化項目參考文檔 https://cn.vuejs.org/v2/guide/installation.html
