首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何创建Bootstrap Sass项目

如何创建Bootstrap Sass项目
EN

Stack Overflow用户
提问于 2016-12-15 23:37:35
回答 2查看 1.7K关注 0票数 0

我知道这可能是多个问题的答案,但我知道我如何能够快速建立项目与Bootstrap和Sass。

我从未使用过节点、npm、grunt或bower,我已经安装了所有这些,但是我真的找不到一个很好的教程:

  • 建立项目结构
  • 保存时自动编译sass文件
  • (也许)用铬进行现场重装?
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-12-16 14:00:42

我建议不要在你的第一个项目中使用任何样板,因为你想进入它的“内脏”,一旦你熟悉了基础,你就可以尝试样板,看看他们能为你做些什么。

从零开始设置项目所需的工具很少:节点npm鲍尔吞咽(例如)

在安装了这些之后,您可以深入创建第一个项目。

1) 初始化npm项目

2) 用Bower (启动器引导scss )拉包

2a) 拉出特定的引导带3 SCSS端口

3) 根据SCSS的需要配置基本的Gulp配置。

Bower背后的基本思想是,bower_components文件夹中有未经修改的plugins/第三方js/css源代码,并使用这些文件编译生产就绪文件(js/css)。这意味着您的bower_components文件夹是"src“文件夹,您必须添加"dist”或可分发文件。吞咽对这部分有帮助。

对于项目结构,进一步读数和对gulp任务的改进。

一旦您有了基本的工作项目,您就可以尝试使用gulp进行扩展,就像您提到的浏览器同步和其他部分一样。

我确实编译了一个“一般任务”文件,我从一个项目使用到另一个项目。你可以拿一个看这儿,并使用它,如果你发现它适合。

希望能帮上忙。

票数 0
EN

Stack Overflow用户

发布于 2016-12-15 23:44:31

你可以试着用奥尔德林的样板:

https://github.com/aldryn/aldryn-boilerplate-bootstrap3

文档

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41175090

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档