作為前端，需要學習的東西越來越多了，各種新框架，層出不窮。再加上Node.js的流行，需要學習的就更多了。很早就開始想學習Node，總是學了一半，又放下了，沒有真正地掌握過。其中原因也是因為沒有一個項目需求，只學API很容易就學不下去。

1. 目標

使用Node.js 搭建個人網站，包含基本的網站首頁，以及博客子站，其他的模塊后續再慢慢添加上去

2. 選型

2.1. Node.js框架

有了解的Node.js框架有

• 經典的express
• 最近很火的koa2
• 基于koa2的 egg(阿里的開源框架)，ThinkJS
• 比較新的，以速度見長的fastify
  面對這么多框架，不可能一下子就全部都掌握，選擇哪一種框架都可以。個人感覺，koa2本身非常簡潔，很多插件都需要自己去集成，剛開始可以選擇像egg這種的，功能比較齊全的，在學習Node.js的同時也可以學習一般項目架構是怎樣的。至于ThinkJS，了解不多，應該是和ThinkPHP一樣的思想，如果有ThinkPHP的經驗，可以嘗試一下。

個人而言，這個項目選擇使用express，原因有以下幾點：

• express比較經典，相對應的中文資料也多，學習起來，碰到問題也比較容易解決
• fastify比較新，但是中文資料少
• koa2用的人多，但相比之下，還是先從Express入手，熟悉了如何用Node.js搭建一個項目并且對Node.js本身主要的API有比較好的了解之后再去學習Koa2

2.2. 模塊引擎

了解了一下現在比較多人使用的模板引擎，有 jade, ejs,handlebars

• jade的風格非常簡潔，但上手比較難，如果是個人項目中使用，無所謂，但如果是團隊中，總體學習成本偏大
• ejs的風格跟jsp的風格很像，有很多人更喜歡用ejs，特別是有使用Java開發的人
• handlebars的風格，跟現在流行的vue模板風格很像
  基于以上幾點，由于平時使用Vue做的項目比較多，對于handlebars的這種風格比較喜歡
  因此選擇使用handlebars作為前端模板引擎。

3. 框架的搭建

Express的教程還是比較多的，因此搭建起來很方便
express的使用，參考官方文檔

Express應用生成器

通過應用生成器可以快速地創建一個應用程序

安裝express應用生成器

npm i -g express-generator

查看應用生成器的相關幫助
image.png

通過應用生成器生成應用骨架

express --view=hbs myapp

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

image.png

建議使用推薦的語法：

image.png

生成之后的項目結構如下：

image.png

啟動項目

npm i npm start // 或 yarn yarn start

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。