一、开发准备
- Nodejs介绍;
- koa2介绍;
- Nodejs环境安装;
- 开发工具Visual Studio Code(下文简称vsc),vsc怎么新建项目;
自行百度解决;
二、开始干活
1、在硬盘上新增一个文件夹,打开VSC,点击‘添加工作区文件夹’,如果没有欢迎‘使用页面’,点击--文件--新建窗口,效果如下图
2、添加vsc调试。Shift+ctrl+p,输入框内输入:launch.json
选择刚刚的文件夹
launch.json文件是vsc帮忙生成的,里面有一些版本信息启动设置等
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "启动程序",
"skipFiles": [
"<node_internals>/**"
],
"program": "${workspaceFolder}\\app.js"
}
]
}
"program": "${workspaceFolder}\\app.js"
此处就是是将app.js作为启动文件。${workspaceFolder}代表根目录,vsc启动时会在根目录下找到并加载app.js文件。
接着在终端输入 npm init 生成package.json文件
npm init
3、项目结构
3-1、package.json
参数介绍:name项目名称、version版本号、description项目描述、main项目启动文件、scripts启动快捷设置,author作者,dependencies第3方中间件名称及版本。
{
"name": "koa2mcv",
"version": "1.0.0",
"description": "Hello Koa 2 example with MVC",
"main": "app.js",
"scripts": {
"start": "node app.js"
},
"author": "baba",
"dependencies": {
"koa": "2.11.0",
"koa-router": "8.0.8",
"koa-bodyparser": "4.3.0",
"koa-static-plus": "0.1.1",
"koa-view": "2.1.3",
"koa-jwt": "4.0.0",
"koa-log4": "2.3.2",
"jsonwebtoken": "8.5.1",
"nunjucks": "3.2.1",
"mime": "2.4.5",
"mz": "2.7.0"
}
}
最重要的
“dependencies”这里添加一些要用到的包,以上是这次要用到的所有的包,版本自己更改。
“scripts”这里是一些nodejs的便捷命令,上线的时候会用到,直接在终端中,package.json同级目录 ,执行‘npm start’ 即 可启动app.js。
别的没啥太大作用瞎写即可。
3-2、app.js
启动相关配置,封装到config/init.js中,启动文件直接引用即可
//启动服务
require('./config/init').startServer();
3-3、views存放html页面。
3-4、static存放静态文件,css,js,font等。
3-5、src存放业务控制,类似于springMVC中的controller、service。
关注公众号,发送‘nodejs’读取完整文章
源码:https://download.csdn.net/download/y_k_1_2_3_4/12995714