Koa2學習(一)環境搭建

Koa2學習(一)環境搭建

  • koa2腳手架
  • koa2服務安裝
  • koa2-generator目錄結構

什麼是 Koa2

koa 是由 Express 原班人馬打造的,致力於成爲一個更小、更富有表現力、更健壯的 Web 框架。 使用 koa 編寫 web 應用,經過組合不一樣的 generator,能夠免除重複繁瑣的回調函數嵌套, 並極大地提高錯誤處理的效率。koa 不在內核方法中綁定任何中間件, 它僅僅提供了一個輕量優雅的函數庫,使得編寫 Web 應用變得駕輕就熟。javascript

檢查版本

在node版本大於v7.6.0的狀況下,能夠直接安裝使用koa2css

$ node -v
v8.9.4

要在 node < 7.6 版本的 Koa 中使用 async 方法, 官方推薦使用babel's require hookjava

require('babel-register');
// 應用的其他 require 須要被放到 hook 後面
const app = require('./app');

要解析和編譯 async 方法, 你至少應該有 transform-async-to-generatortransform-async-to-module-method 插件.node

例如, 在你的 .babelrc 文件中, 你應該有:git

{
  "plugins": ["transform-async-to-generator"]
}

koa-generator

是一款快速生成koa服務的腳手架工具,和express-generator相似。
經過應用生成器工具 koa 能夠快速建立一個應用的骨架。web

快速安裝

全局安裝腳手架工具:express

$ npm install -g koa-generator

進入到項目文件夾目錄執行生成命令:npm

$ koa2 <project_name>

安裝依賴:json

$ npm install

啓動服務:瀏覽器

$ npm start

瀏覽器瀏覽頁面:

打開瀏覽器,輸入localhost:3000 ,在瀏覽器界面看到

此時,你已經成功跑通了第一個簡單的koa2服務

koa-generator參數

在建立項目時,有一些定製化的參數,可選參數:

-h --help 幫助

-V --version版本號

-e --ejs 添加ejs模板引擎支持(默認是jade)

--hbs 添加hbs模板引擎支持(默認是hbs)

-H --hogan 添加hogan.js支持

-c --css <engine> 添加css樣式 支持 less sass styus css(默認是css)

--git (g小寫) 添加 .gitignore

-f --force force on non-empty directory

目錄結構

│  app.js   入口文件
│  package.json
│
├─bin
│      www  node啓動文件
│
├─public    靜態資源
│  ├─images
│  ├─javascripts
│  └─stylesheets
│          style.css
│
├─routes
│      index.js 路由入口
│      users.js 開發者配置的路由
│
└─views 頁面層
        error.pug
        index.pug
        layout.pug

能夠看到,總體頁面結構很是簡單,就是一個最最基本的服務層骨架。

相關文章
相關標籤/搜索