从头搭建express-handlebars模版（1）

需求：制作公司官网

选择express-hbs的原因：官网中有公用的头部和底部，每个页面还有公用的弹层，这些公用的部分如果用静态的html文件是无法抽离成公共组件的

过程：在git仓库建好官网对应的文件，我这里文件名字是ab.testin.cn。用git命令下拉此文件到本地，此时文件肯定是空的。然后先全局安装express和express-generator，如下图

接下来用express环境和脚手架搭建hbs模版，进入对应文件（我这里是ab.testin.cn文件）运行一下命令express ./（或者express ab这样项目名字就是ab）如下图：

输入y项目骨架就生成了

我们建好骨架后再安装相应的依赖express-handlebars，执行如下图所示的命令

此时，我们的package.json里有这些东西啦，如下图

此时，项目的基础骨架就已经生成，项目的基础环境和依赖也搭建完毕，但是我们在使用express-handlebars时还是会有些问题它与handlebars是有所不同的，那么我在使用中遇到的问题，我将在下一节讲述。