koa2學習筆記01 - 建立項目 —— koa生成器一鍵生成koa項目

前言

從17年開始嘗試學習搭建我的網站開始,就開始學習摸索node了,至今差很少快兩年了。
提及來如今都9102年了,因此最近打算總體設計重構一下網站,索性node後臺也重寫一遍。
重溫一下node,並記錄一下學習歷程。雖然說有相應的基礎,也算輕車熟路,
可是由於公司項目中的應用,基本都用java、php等做爲後臺語言,
除了前端自動化工具使用,實際工做中卻是不多用到,幾乎沒有node的用武之地。
也沒有真正作過以node爲後臺語言的實戰經驗,
僅僅只是在我的網站中使用。
因此本系列學習筆記僅供參考學習。php

正文

使用node開發web應用,確定要使用web應用框架。
最先比較出名的是 Express框架,可是如今更流行的是 Koa 框架。
Koa 是一個新的 web 框架,也是由 Express 原班人馬開發,
官網 很簡潔,看英文比較困難的能夠看 中文的網站
至於它有什麼優點,能夠看它的來源,本身體會, 很少作討論。css

前端使用框架,最喜歡的是使用腳手架,像vue-cli、create-react-app。
koa也有腳手架,但不是官方的,koa 生成器 koa-generator
站在巨人的肩膀上就是方便, 省卻了咱們一步一步配置。
若是不想用腳手架,能夠移步 koa 官網,和 阮大大的博客網站 一步步配置學習。html

1 安裝koa-generator

npm install -g koa-generator

2 使用koa-generator生成koa2項目

koa2 test

項目生成示例
成功建立項目後,進入項目目錄,並下載依賴前端

cd test
npm install

3 啓動項目

npm startvue

項目啓動後,默認端口號是3000,在瀏覽器中運行能夠獲得下圖的效果說明運行成功。java

啓動成功示例

koa-generator 默認使用的模板是pug, 若是不習慣使用pug的可使用html, 具體修改配置以下,而後把views中 pug後綴的文件換成 html後綴的文件 。
修改模板
最後附一下koa-generator參數, 官網上都有node

-h --help 幫助
-V --version 版本號
-e --ejs 添加ejs模板引擎支持(默認是jade)
--hbs 添加hbs模板引擎支持(默認是hbs)
-H --hogan 添加hogan.js支持
-c --css 添加css樣式 支持 less sass styus css(默認是css)
--git (g小寫) 添加 .gitignore
-f --force force on non-empty directory
react

相關文章
相關標籤/搜索