作為前端，需要學(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)用程序

安裝express應(yīng)用生成器

npm i -g express-generator

查看應(yīng)用生成器的相關(guān)幫助
image.png

通過應(yīng)用生成器生成應(yīng)用骨架

express --view=hbs myapp

舊的語法 express --hbs myapp不推薦：

image.png

建議使用推薦的語法：

image.png

生成之后的項目結(jié)構(gòu)如下：

image.png

啟動項目

npm i npm start // 或 yarn yarn start

總結(jié)

以上是生活随笔為你收集整理的Node.js + Express + handlebars搭建个人网站（1）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。