emberjs--如何写hbs

最新推荐文章于 2024-08-09 07:40:41 发布

peng_gy

最新推荐文章于 2024-08-09 07:40:41 发布

阅读量2k

点赞数

分类专栏： emberjs

本文链接：https://blog.csdn.net/yuyan1992/article/details/45887181

版权

本文介绍了如何在EmberJS项目中使用HBS文件，并详细讲解了如何通过Bower安装和配置Bootstrap，包括引入bootstrap-validator, bootswatch和font-awesome。步骤包括在.bowerrc指定安装目录，编辑Brocfile.js以使Bootstrap生效。" 99426843,7366056,Python+Selenium实践：安装与使用requests包,"['python', '自动化', 'selenium', 'requests', 'web自动化']

摘要由CSDN通过智能技术生成

.hbs文件为ember的界面，相当于html文件。

ember工程当中的hbs编写可以引用bootstrap.

关于bootstrap的一些教程可以参考
bootstarp中文网：http://www.bootcss.com/
bootstarp官网:http://getbootstrap.com/
W3C：http://www.w3cschool.cc/bootstrap/bootstrap-tutorial.html

UI设计工具可以参考：

http://www.w3cschool.cc/bootstrap/bootstrap-ui-editor.html
我用的pingendo.

可以在pingendo当中将界面设计好，然后将html文件拷贝到相应的hbs当中即可，但ember当中需要引入bootstrap.

如何在ember当中引和bootstrap

通过bower来安装bootstrap，安装目录指向依赖于工程目录当中的.bowerrc文件。

{
  "directory": "bower_components",
  "analytics": false
}

admin$ bower install bootstrap
bower bootstrap#*               cached git://github.com/twbs/bootstrap.git#3.3.4
bower bootstrap#*             validate 3.3.4 against git://github.com/twbs/bootstrap.git#*
bower bootstrap#~3.3.4         install bootstrap#3.3.4

由于.bowerrc文件指向了b