nodejs:初始化一个express + handlebars

nodejs:初始化一个express + handlebars项目

> npm install -g express-generator

> express --help
// 这一步就是选用hbs模板引擎，创建一个初始的项目，注意当前路径是你的项目文件夹
> express --view=hbs 

> npm i

在 MacOS 或 Linux 中，通过如下命令启动此应用：

$ DEBUG=myapp:* npm start

在 Windows 命令行中，使用如下命令：比如dos下面

set DEBUG=myapp:* & npm start

在 Windows 的 PowerShell 中，使用如下命令：比如vscode的终端里面

$env:DEBUG='myapp:*'; npm start

这个也可以（本人电脑只安装了windows系统，其他系统应该也是可以的，毕竟是自动生成的代码，但是好像需要先执行一次上面的命令，后面再执行这个就OK了）：

npm start

到这来，项目就已经建好了。

但是，个人喜欢用express-handlebars作为模板引擎，加点东西：

var ehbs = require('express-handlebars');
var engine = ehbs.engine

app.engine('.hbs', engine(
  {
    extname: '.hbs',
    defaultLayout: 'main',
    layoutsDir: path.join(__dirname, `views/layout`),
    partialsDir: path.join(__dirname, `views/partials`),
    helpers: {
        isEqual: function(v1, operator, v2) {
            if (operator == "==") {
                return v1 == v2
            } else if (operator == "===") {
                return v1 === v2
            }
        }
    }
  }
));

// view engine setup
app.set('view engine', '.hbs');

项目结构：

image.png

最后，加上热更新：

npm install --save-dev nodemon

package.json script中加上：

"dev": "nodemon ./bin/www",

最后，直接运行npm run dev即可运行热更新。