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

扫描二维码关注公众号，回复： 11134694 查看本文章

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...