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 入口文件

《01-个人博客笔记-项目初始化》

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…

项目上传  github 每次提交都是一个分支

线上地址

    原文作者:loveli
    原文地址: https://segmentfault.com/a/1190000015575280
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞