美文网首页web前端程序员
从头搭建express-handlebars模版(1)

从头搭建express-handlebars模版(1)

作者: 风逍梦遥 | 来源:发表于2018-07-15 20:14 被阅读390次

需求:制作公司官网

选择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是有所不同的,那么我在使用中遇到的问题,我将在下一节讲述。

相关文章

  • 从头搭建express-handlebars模版(1)

    需求:制作公司官网 选择express-hbs的原因:官网中有公用的头部和底部,每个页面还有公用的弹层,这些公用的...

  • ionic Android和ios从搭建到上线过程及bug修改

    1 搭建App 及打包 A . 创建项目 Ionic提供了三种初始模版,即:tabs、sidemenu、bl...

  • vue-cli 3.8.2项目搭建以及配置

    1.项目搭建 1.命令行 vue create 项目名 2.选择模版 (根据项目的需要进行安装,按步骤走下...

  • ssm框架搭建

    1、搭建maven项目 第二步: 第三步,GroupID ---项目工程ID ,ArtifaceID----模版I...

  • express-handlebars

    首先,打开 package.json,添加对 express-handlebars 的依赖: "express-h...

  • 001 环境搭建 xampp

    前略,php优势七七八八不说了方便的环境搭建方法有以下两种1 从头搭建php CLI环境;2 用集成包搭建,常用的...

  • Github pages + jekyll 博客快速搭建

    Github pages + jekyll 博客快速搭建 寻找喜欢的模版 https://github.com/j...

  • uniapp使用小结

    1、框架搭建: 初始化模版 2、manifest.json文件配置 配置代理在需要代理的应用里配上如下代码:(ta...

  • 1.从头搭建vue-element

    一、准备工作 1.安装node.js 1.1npm指令详解 -g: 全局 --save:保存 --dev:开发环境...

  • day06-模版使用

    1)创建模版文件夹2)配置模版目录 3)使用模版文件 给模版文件传递数据模版变量的使用{{ 模版变量名 }}ind...

网友评论

    本文标题:从头搭建express-handlebars模版(1)

    本文链接:https://www.haomeiwen.com/subject/dunfnttx.html