Node.js + Express + handlebars搭建个人网站(1)
生活随笔
收集整理的這篇文章主要介紹了
Node.js + Express + handlebars搭建个人网站(1)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
作為前端,需要學(xué)習(xí)的東西越來越多了,各種新框架,層出不窮。再加上Node.js的流行,需要學(xué)習(xí)的就更多了。很早就開始想學(xué)習(xí)Node,總是學(xué)了一半,又放下了,沒有真正地掌握過。其中原因也是因為沒有一個項目需求,只學(xué)API很容易就學(xué)不下去。
1. 目標(biāo)
使用Node.js 搭建個人網(wǎng)站,包含基本的網(wǎng)站首頁,以及博客子站,其他的模塊后續(xù)再慢慢添加上去
2. 選型
2.1. Node.js框架
有了解的Node.js框架有
- 經(jīng)典的express
- 最近很火的koa2
- 基于koa2的 egg(阿里的開源框架),ThinkJS
- 比較新的,以速度見長的fastify
面對這么多框架,不可能一下子就全部都掌握,選擇哪一種框架都可以。個人感覺,koa2本身非常簡潔,很多插件都需要自己去集成,剛開始可以選擇像egg這種的,功能比較齊全的,在學(xué)習(xí)Node.js的同時也可以學(xué)習(xí)一般項目架構(gòu)是怎樣的。至于ThinkJS,了解不多,應(yīng)該是和ThinkPHP一樣的思想,如果有ThinkPHP的經(jīng)驗,可以嘗試一下。
個人而言,這個項目選擇使用express,原因有以下幾點:
- express比較經(jīng)典,相對應(yīng)的中文資料也多,學(xué)習(xí)起來,碰到問題也比較容易解決
- fastify比較新,但是中文資料少
- koa2用的人多,但相比之下,還是先從Express入手,熟悉了如何用Node.js搭建一個項目并且對Node.js本身主要的API有比較好的了解之后再去學(xué)習(xí)Koa2
2.2. 模塊引擎
了解了一下現(xiàn)在比較多人使用的模板引擎,有 jade, ejs,handlebars
- jade的風(fēng)格非常簡潔,但上手比較難,如果是個人項目中使用,無所謂,但如果是團(tuán)隊中,總體學(xué)習(xí)成本偏大
- ejs的風(fēng)格跟jsp的風(fēng)格很像,有很多人更喜歡用ejs,特別是有使用Java開發(fā)的人
- handlebars的風(fēng)格,跟現(xiàn)在流行的vue模板風(fēng)格很像
基于以上幾點,由于平時使用Vue做的項目比較多,對于handlebars的這種風(fēng)格比較喜歡
因此選擇使用handlebars作為前端模板引擎。
3. 框架的搭建
Express的教程還是比較多的,因此搭建起來很方便
express的使用,參考官方文檔
Express應(yīng)用生成器
通過應(yīng)用生成器可以快速地創(chuàng)建一個應(yīng)用程序
image.png
舊的語法 express --hbs myapp不推薦:
image.png
建議使用推薦的語法:
image.png
生成之后的項目結(jié)構(gòu)如下:
image.png
總結(jié)
以上是生活随笔為你收集整理的Node.js + Express + handlebars搭建个人网站(1)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 10张图带你深入理解Docker容器和镜
- 下一篇: python--Time(时间)模块