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


前言

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

正文

使用node開發web應用,肯定要使用web應用框架。
最早比較出名的是 Express 框架,但是現在更流行的是 Koa 框架。
Koa 是一個新的 web 框架,也是由 Express 原班人馬開發,
官網 很簡潔,看英文比較困難的可以看 中文的網站
至於它有什么優勢,可以看它的來源,自己體會, 不多做討論。

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

1 安裝koa-generator

npm install -g koa-generator

2 使用koa-generator生成koa2項目

koa2 test

項目生成示例
成功創建項目后,進入項目目錄,並下載依賴

cd test
npm install

3 啟動項目

npm start

項目啟動后,默認端口號是3000,在瀏覽器中運行可以得到下圖的效果說明運行成功。

啟動成功示例

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

-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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM