问题标签 [roots-toolkit]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
93 浏览

node.js - 根的安装不起作用

我正在尝试安装,但它不起作用。我正在运行网站上提到的命令:

但我收到以下错误:

我确实安装了 node.js (v 0.8.16),它可以从命令行运行。

知道问题可能是什么吗?

0 投票
1 回答
6314 浏览

pug - 将玉变量从内容传递到页面标题?

我正在尝试使用 Jade 将内容块中的变量包含到更大的页面布局中。我想为页面<title>标签放置语义内容标题。


我正在使用出色的roots.cx工具包在Jade 和Stylus 中构建网站。

我有 2 个文件:pagelayout.jadepage142.jade.

pagelayout文件包含一个基本的 Jade 页面模板(为简单起见进行了编辑):

page142文件包含一些独特的内容,这些内容将包含在!= content

我希望最终的 HTML 看起来像:


目前,我得到一个编译器类型错误:

我假设我收到此错误,因为 Jade 变量的范围可能仅适用于从模板到内容,反之亦然。

如何将页面变量从内容传递到页面布局?我发现 的所有StackOverflow 帖子都只显示了从页面布局到内容的变量。

0 投票
1 回答
160 浏览

javascript - 带有 html 和 stylus 的根

对于那些以前使用过root的人来说,你知道它使用玉、手写笔和咖啡脚本作为它的默认堆栈。

文档给出了一些关于使用 html、css 和纯 javascript 而不是编译语言的概述,但没有提到能够选择。

对于我的使用,我只需要html和js,但想使用手写笔。任何有使用根经验的人都知道我将如何设置它?

任何帮助表示赞赏。

0 投票
2 回答
53 浏览

php - 我应该在 wordpress 的根启动主题中编写样式表(更少)在哪些文件中?

我是wordpress 的 root starter 主题的新手。在“assets/less”文件夹中,我应该在哪里写样式表(在那里我找到了 4 个文件 - _bootstrap.less、_global.less、main.less、_variables.less)。请有人解释一下吗?

0 投票
1 回答
244 浏览

wordpress - 如何在 wordpress 的根主题中编辑默认类 css?(包装、内容、主等类)

我是具有根工具包的新开发人员。如何编辑默认根类 css wordpress?我的问题是关于 wrap、content、main 等的类。我还找到了一些默认的 header、footer、aside 类等。我可以在较少的文件中找到这个 css 进行编辑。这些类也是根工具包中引导样式和变量的一部分吗?

0 投票
0 回答
232 浏览

wordpress - 如何在 ubuntu 中更新基岩安装中的环境变量?

我正在尝试在 ubuntu 上安装基岩 wordpress 堆栈,但我不知道如何在 cp .env.example .env 之后更新环境变量?所以我找不到包含这个的文件:

所以..如何在ubuntu上做到这一点?

0 投票
1 回答
910 浏览

gulp - 如何使用 Bower 在 scrollmagic 中包含“animation.gsap”

TL;DR有没有人能够使用 bower 安装 ScrollMagic + GSAP 动画?

我有一个具有完整堆栈的网站(这意味着我正在使用 bower 进行前端依赖管理并使用 gulp 来构建网站。)并且我正在尝试在其上使用ScrollMagic动画。

其中一些动画具有 greensock 库作为先决条件。所以我bower.json有以下内容:

如果我运行 gulp 并浏览我的网站,我可以看到main.jsGreenSock中有引用

根据scrollmagic 文档,在我看来,我正在搜索“plugins/animation.gsap.js”,但是在阅读了ScrollMagic的官方文档之后......

选项 2:鲍尔

ScrollMagic 也可以在 bower 上使用,并且只会安装必要的源代码,而忽略所有示例和文档文件。请注意,由于它们不是核心依赖项,如果您选择使用它们,则必须手动添加 GSAP、jQuery 或 Velocity 等框架。

所以很明显,通过 bower 安装 GSAP 库就足够了。

此外,我不确定“gsap 插件”是否与“gsap 库”相同,但在bower 注册表中似乎没有其他更合适的了。

谢谢!

0 投票
1 回答
130 浏览

node.js - 使用 Roots 的“Cannot GET /”错误 - CoffeeScript

我正在使用Roots开发应用程序,当我运行roots watch命令时,它会成功编译并打开localhost:1111页面,但出现以下错误:

这就是我的app.coffee文件的样子,尽管我在 SOF 中寻找了解决此问题的方法,但它们似乎都不适用于这种情况。

这是一个不同的解决方案,因为这是 CoffeeScript 而不是 JS?

0 投票
1 回答
3786 浏览

jquery - 光滑的轮播幻灯片相互叠加

我正在尝试使用 slick-carousel 作为100vh我的单页网站上的一个部分的滑块。

我正在使用jade、browserify、sass等。这是输出:

在此处输入图像描述

我将 html/css 简化为背景颜色,但在实际内容上是相同的。

如您所见,幻灯片彼此重叠显示,并且它们也被克隆了。当您使用 centerMode 和无限设置时,我读到了光滑的克隆幻灯片。

这是我的代码:

玉:

SCSS:

JS:

我在这里迷路了,希望你们中的一个可以帮助。

0 投票
1 回答
141 浏览

sass - 将 sass autoprefixer 与 Roots Toolkit 一起使用

我刚开始使用 root (roots.cx),我真的很喜欢它,但看起来一切都是为 Stylus 设置的,我更像是一个 sass 用户。我已经能够使用roots-sass,一切都很好,但我现在需要自动前缀。

我尝试了与 Stylus 相同的设置:

但是不起作用,我检查了协议文档/scss,没有太多关于 sass 及其选项的讨论......如果有的话......

任何帮助表示赞赏!谢谢