当前位置: 首页 > Web前端 > HTML5

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

时间:2023-04-04 22:48:05 HTML5

项目初始化(前提是安装node、webstorm)新建3个项目,分别是后端项目、前端博客项目和一个博客后台管理系统,分别命名为blogserver、blogclient、blogadmin初始化blogserver:1.使用webstorm创建项目blogserveremptyprojectcdblogservernpminit//初始化package.json,回车即可cnpmiexpress--save//安装express框架2.整理项目结构:新建文件夹pulic,routers,schemas,models文件index.jspublic存放静态文件,如css、图片等routes存放路由文件schemas存放mongoose相关的Schema文件models存放运行的文件index.js数据库入口文件3.在index.js文件中添加如下代码varexpress=require('express');varapp=express();app.get('/',function(res,rep){rep.发送('你好,字!');});app.listen(4000);运行nodeindex.js,在浏览器中访问http://localhost:4000/可以看到效果。至此,服务端项目初始化完成。初始化blogclient和博客后台管理系统的前端项目。它是用vue编写的。我们使用vue的脚手架工具vue-cli创建blogclient和blogadminvue的初始化项目参考文档https://cn.vuejs.org/v2/guide...项目上传github每次提交都是一个支线地址