01-我的博客筆記-項目初始化

項目初始化(前提安裝node、webstorm)

新建3個項目，分別爲後端項目，前端博客項目和一個博客後臺管理系統，分別命名爲blogserver,blogclient,blogadmin

初始化blogserver:

一、使用webstorm建立一個項目blogserver空項目

cd blogserver

npm init // 初始化package.json，一直按回車就好

cnpm i express --save // 安裝express框架

二、整理項目結構：新建文件夾pulic、routers、schemas、models、文件index.js

public 存放靜態文件，如 css、圖片等

routes 存放路由文件

schemas 存放mongoose相關的Schema文件

models 存放操做數據庫的文件

index.js 入口文件

三、在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和博客後臺管理系統

前端的項目都是採用vue編寫，咱們是用vue的腳手架工具vue-cli來建立blogclient和blogadmin
vue 的初始化項目參考文檔 https://cn.vuejs.org/v2/guide...

項目上傳  github 每次提交都是一個分支

線上地址