iKcamp团队制作|基于Koa2搭建Node.js实战项目教学(含视频)☞ 环境准备
2017-12-18 00:00
661 查看
摘要: ## Koa 起手 - 环境准备
由于 `koa2` 已经开始使用 `async/await` 等新语法,所以请保证 `node` 环境在 `7.6` 版本以上。
<br>
### 安装node.js
<br>
- 直接安装 node.js :node.js官网地址 [https://nodejs.org](https://nodejs.org)
- nvm管理多版本 node.js :可以用nvm 进行node版本进行管理
- Mac 系统安装 nvm [https://github.com/creationix/nvm#manual-install](https
![](https://oscdn.geek-share.com/Uploads/Images/Content/201712/7bb3da6951b538587063da8699b95253)
<br>
直接安装 node.js :node.js官网地址 https://nodejs.org
nvm管理多版本 node.js :可以用nvm 进行node版本进行管理
Mac 系统安装 nvm https://github.com/creationix/nvm#manual-install
windows 系统安装 nvm https://github.com/coreybutler/nvm-windows
Ubuntu 系统安装 nvm https://github.com/creationix/nvm
<br>
<br>
首先,创建一个目录
项目初始化完成后,在创建的目录里,新建文件
现在,我们的项目结构应该如下:
打开控制台,进入目录
成功输出
下面我们会基于
<br>
重写
运行
因为在启动服务器后,代码并没有做其他的事情,也就没有了交互。
我们继续修改
重启服务器并再次访问,这时页面将正常显示
<br>
在增加的代码里面,用到了
下一篇:《中间件用法——讲解 Koa2 中间件的用法及如何开发中间件(含视频)》
![](https://oscdn.geek-share.com/Uploads/Images/Content/201712/aa9dc8be66e853c4710bbf122c311ed7)
上一篇:iKcamp新课程推出啦~~~~~开始免费连载啦~每周2更共11堂iKcamp课|基于Koa2搭建Node.js实战项目教学(含视频)| 课程大纲介绍
由于 `koa2` 已经开始使用 `async/await` 等新语法,所以请保证 `node` 环境在 `7.6` 版本以上。
<br>
### 安装node.js
<br>
- 直接安装 node.js :node.js官网地址 [https://nodejs.org](https://nodejs.org)
- nvm管理多版本 node.js :可以用nvm 进行node版本进行管理
- Mac 系统安装 nvm [https://github.com/creationix/nvm#manual-install](https
安装搭建项目的开发环境
视频地址:https://www.cctalk.com/v/15114357764004文章
Koa 起手 - 环境准备
由于koa2已经开始使用
async/await等新语法,所以请保证
node环境在
7.6版本以上。
<br>
安装node.js
<br>直接安装 node.js :node.js官网地址 https://nodejs.org
nvm管理多版本 node.js :可以用nvm 进行node版本进行管理
Mac 系统安装 nvm https://github.com/creationix/nvm#manual-install
windows 系统安装 nvm https://github.com/coreybutler/nvm-windows
Ubuntu 系统安装 nvm https://github.com/creationix/nvm
<br>
项目初始化
身为程序员,初入江湖第一招:『Hello World』<br>
首先,创建一个目录
koa2-tutorial/用来存放我们的代码。然后开始初始化项目:
// 创建 package.json 文件。该文件用于管理项目中用到一些安装包 npm init
项目初始化完成后,在创建的目录里,新建文件
app.js并在里面写下:
console.log('Hello World')
现在,我们的项目结构应该如下:
├── app.js ├── package.json
打开控制台,进入目录
koa2-tutorial/并输入:
node app.js
成功输出
Hello World,说明环境正常。至此,我们的准备工作完成。
下面我们会基于
Koa2启动服务器。
<br>
启动服务器
运行如下命令,安装Koa(版本信息会自动保存在
package.json中)
// 安装 koa,并将版本信息保存在 package.json 中 npm i koa -S
重写
app.js,增加如下代码:
const Koa = require('koa') const app = new Koa() app.listen(3000, () => { console.log('server is running at http://localhost:3000') })
运行
node app.js并打开浏览器访问
localhost:3000,页面显示
Not Found。
因为在启动服务器后,代码并没有做其他的事情,也就没有了交互。
我们继续修改
app.js文件:
const Koa = require('koa') const app = new Koa() // 增加代码 app.use(async (ctx, next) => { await next() ctx.response.type = 'text/html' ctx.response.body = '<h1>Hello World</h1>' }) app.listen(3000, () => { console.log('server is running at http://localhost:3000') })
重启服务器并再次访问,这时页面将正常显示
Hello World。
<br>
在增加的代码里面,用到了
Koa的「中间件」,那么什么是「中间件」呢?下一节我们会为大家详细讲述。
下一篇:《中间件用法——讲解 Koa2 中间件的用法及如何开发中间件(含视频)》
上一篇:iKcamp新课程推出啦~~~~~开始免费连载啦~每周2更共11堂iKcamp课|基于Koa2搭建Node.js实战项目教学(含视频)| 课程大纲介绍
相关文章推荐
- iKcamp团队制作|基于Koa2搭建Node.js实战项目教学(含视频)☞ 环境准备
- 开始连载啦~每周2更共11堂iKcamp课|基于Koa2搭建Node.js实战项目教学(含视频)| 课程大纲介绍
- 开始连载啦~每周2更共11堂iKcamp课|基于Koa2搭建Node.js实战项目教学(含视频)| 课程大纲介绍
- iKcamp团队制作|基于Koa2搭建Node.js实战(含视频)☞ 路由koa-router
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 错误处理
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 解析JSON
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 错误处理
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ HTTP请求
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 处理静态资源
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 规范与部署
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 视图Nunjucks
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 代码分层
- iKcamp团队制作|基于Koa2搭建Node.js实战(含视频)☞ 路由koa-router
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 代码分层
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 视图Nunjucks
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 解析JSON
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 记录日志
- iKcamp|基于Koa2搭建Node.js实战(含视频)☞ 处理静态资源
- 基于开源项目搭建完整RTMP视频直播(基础入门)
- (jenkins)hudson平台搭建android项目持续化集成以及基于NativeDriver的UI自动化测试环境