需求:制作公司官网
选择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是有所不同的,那么我在使用中遇到的问题,我将在下一节讲述。