01-個人部落格筆記-專案初始化

專案初始化(前提安裝node、webstorm)

新建3個專案，分別為後端專案，前端部落格專案和一個部落格後臺管理系統，分別命名為blogserver,blogclient,blogadmin

初始化blogserver:

1、使用webstorm建立一個專案blogserver空專案

cd blogserver

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

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

2、整理專案結構：新建資料夾pulic、routers、schemas、models、檔案index.js

public 存放靜態檔案，如 css、圖片等

routes 存放路由檔案

schemas 存放mongoose相關的Schema檔案

models 存放運算元據庫的檔案

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和部落格後臺管理系統

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

專案上傳 github 每次提交都是一個分支

線上地址