问题标签 [codekit]

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 投票
6 回答
3497 浏览

bonjour - 优胜美地 10.10 升级后 Codekit 2 无法解析 Bonjour 主机名

通过 AppStore 升级到 Yosemite 10.10(没有新安装/全新安装)后,使用 Codekit 2 预览网站时出现空白页面。在“服务器”选项卡中,我的案例中的 Bonjour 主机名“lukas.local”丢失升级http://goo.gl/QduPqp

任何想法如何再次正确公开我的 Bonjour 主机名?谢谢!

0 投票
1 回答
308 浏览

css - CodeKit 2 - 用代码中的空行编译更少

我正在使用 Codekit 2.1.8 来编译我的 LESS 文件。在我的 LESS 文件中,我有空行,我也想将它们放在编译的 CSS 文件中,但 Codekit 似乎删除了它们。我在 Codekit 中找不到与此问题相关的任何选项。

例子:

少文件:

使用 Codekit 编译的 CSS 文件:

0 投票
1 回答
887 浏览

ruby - 使用指南针时 Codekit 不编译 scss 文件

我的指南针版本是 1.0.1(北极星)我的 sass 版本是 3.4.5

当我做一个正常的compass watch它工作得很好。我喜欢使用 codekit,我希望它编译我的 scss 文件,但它不是,它让我发疯。

如果任何机构对如何解决此问题有任何想法,请告诉我。提前致谢。

这是我尝试编译时的错误: Compass 无法编译项目中的一个或多个文件:

/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:in fu_mkdir mkdir': Permission denied - /Library/Ruby/Gems/2.0.0/extensions/universal-darwin-14 (Errno::EACCES) from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:245:in' 来自 /System/Library/Frameworks/Ruby.framework/Versions/2.0/ usr/lib/ruby/2.0.0/fileutils.rb:219:in block (2 levels) in mkdir_p' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217:inreverse_each' 来自 /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:217 :in block in mkdir_p' from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:ineach' 来自 /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:203:in mkdir_p' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:210:inwrite_gem_make_out' 来自 /Library/Ruby/Site/2.0.0 /rubygems/ext/builder.rb:132:in build_error' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:171:inrescue in build_extension' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:156:in build_extension' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:198:inblock in build_extensions' from /Library/Ruby/Site /2.0.0/rubygems/ext/builder.rb:195:ineach' from /Library/Ruby/Site/2.0.0/rubygems/ext/builder.rb:195:inbuild_extensions'来自 /Library/Ruby/Site/2.0.0/rubygems/specification.rb:1436:in block in build_extensions' from /Library/Ruby/Site/2.0.0/rubygems/user_interaction.rb:45:inuse_ui' 来自 /Library/Ruby/Site/2.0.0/rubygems/specification.rb:1434:in build_extensions' from /Library/Ruby/Site/2.0.0/rubygems/stub_specification.rb:60:inbuild_extensions'来自 / Library/Ruby/Site/2.0.0/rubygems/basic_specification.rb:56:in contains_requirable_file?' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:925:inblock in find_inactive_by_path' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:in each' from /Library/Ruby/Site/2.0.0/rubygems/specification.rb:924:infind' from /Library/ Ruby/Site/2.0.0/rubygems/specification.rb:924:in find_inactive_by_path' from /Library/Ruby/Site/2.0.0/rubygems.rb:185:intry_activate' 来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:132:in rescue in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:144:inrequire' 来自 /Library/Ruby/ Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb:2:in <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' 来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require .rb:55:inrequire' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions/sprites/engines.rb:25:in'来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in要求'来自 /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/ sass_extensions/sprites.rb:20:in<top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:in require' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass/sass_extensions.rb:9:in'来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext /kernel_require.rb:55:in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:55:inrequire' 来自 /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass.rb:14:in block in <top (required)>' from /Library/Ruby/Gems/2.0.0/gems/compass-1.0.1/lib/compass.rb:13:ineach' 来自 /Library/Ruby/Gems/2.0 .0/gems/compass-1.0.1/lib/compass.rb:13:in <top (required)>' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:135:inrequire' 来自 /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:135:in rescue in require' from /Library/Ruby/Site/2.0.0/rubygems/core_ext/kernel_require.rb:144:inrequire' 来自 /Applications /CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:41:inblock in <main>' from /Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:29:infallback_load_path' 来自 /Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:40:in `'

0 投票
1 回答
479 浏览

javascript - 浏览器加载资源最有效的方式

我目前将 Angular 与 ng-routes、ng-table 和 ng-animate 一起使用。我还使用其他库,例如 jQuery 和 Modernizr。最后我有我自己的自定义 javascript,它可以是多个文件。

所以我的项目会加载一长串这样的资源:

我知道我可以通过减少 HTTP 调用和压缩所有文件来加速我的项目。

我使用 CodeKit,它提供了将 JS 文件相互导入并将它们编译成单个压缩文件的选项。如果我为上面的列表执行此操作,那么我只需加载一个像这样的文件:

单个 HTTP 调用而不是 6+,并且所有代码都被缩小了。这里的问题是单个文件是 500kb+ 并且在一个完整的项目中会大得多,可能超过 1mb。

  • 这是否意味着文件不会因为太大而被浏览器缓存?
  • 以这种格式编译时,Angular 或其他库运行时会出现任何问题吗?(如果 .map 文件不在同一目录中,控制台会抛出错误)
  • 当然,一个 500kb 以上的文件仍然需要很长时间才能加载,那么这真的会缩短加载时间吗?

我看到它的方式是它必须等待整个大文件加载才能执行任何操作。而如果文件是分开的,它们可以在每个加载后立即开始执行脚本。

0 投票
1 回答
1255 浏览

php - $http.delete() 通过 AngularJS 到 Laravel 后端 API 导致 405(不允许的方法)

我正在创建一个带有 AngularJS 前端和 Laravel 后端(设置为 API)的 Recipe 应用程序。当我查看配方的详细视图时,我希望用户能够删除配方。因此我添加了这个按钮:

..这需要这个功能:

..使用此服务/工厂:

..应该根据这些规则路由 Laravel 路由规则:

..在我们的 RecipeController 中,我们发现这个函数应该负责完成工作:

..但不知何故我无法让它工作,因为我在浏览器控制台中收到此错误消息:

..当我在下面运行此命令时,通过终端,我没有收到任何错误,并且特定配方被删除而没有问题。

此问题仅在我运行 CodeKits browser-auto-refresh-tool 时发生。想不通为什么。在下面发布两个标题,看看您是否发现任何奇怪的东西。使用 CodeKit:

没有 CodeKit:

我的 DELETE 请求通过 Angular(使用 CodeKit)而不是通过终端中的 curl 请求或正常使用 Angular 获得 405 的原因是什么?

提前致谢!

0 投票
0 回答
219 浏览

sass - 让 Sass Compass 项目在 CodeKit 中工作的问题

首先,我喜欢 CodeKit。

但我不知道如何解决我现在面临的问题,并希望其他人可能有知识来解决。

我基于 HTML5 Boilerplate CodeKit 项目创建了一个新项目https://github.com/jrodl3r/h5bp-codekit

但是当我尝试使用 Compass 进行编译时,我收到以下错误:

但是,我的 Sass 和 Compass 版本是最新的:

在此处输入图像描述

我试过了:

  • 卸载 Sass & Compass 并重新安装
  • 卸载 Sass & COMpass 并安装错误中提到的版本
  • 清理项目并编译

不太确定从哪里开始。任何帮助将不胜感激。

0 投票
1 回答
86 浏览

sass - Sass 不能在多个项目访问基础文件夹时编译正确

我正在使用 CodeKit 2.1.8

我使用的是 Foundation 5.4.6,但遇到了一些问题并更新到 4.5.7 现在我仍然有一些问题,但不同的问题。

我使用的是 Sass 版本 3.4.7,但在阅读后降级到 3.2.19 可能会有所帮助。这没有帮助,所以我更新回 3.4.7。

现在我的问题如下:

我通过 CodeKit 安装了基础。我没有修改 bower 组件文件,一切都保持原样。

我有两个项目访问凉亭组件文件夹。我的文件夹结构如下:

dsl 和 header 文件夹中的 Sass 文件完全相同。但他们编译不同。现在 dsl app.css 文件大约有 15000 行,而标题 app.css 文件大约有 5000 行。我比较了它们,有很多不同之处。所有样式和组件都被加载,但看起来样式在 dsl/app.css 中被多次加载。另一个区别是 header 文件夹没有 sass-cache 文件夹,但 dsl 文件夹有一个名为 sass-cache 的文件夹。

那么有一些编译差异之前有人遇到过吗?

谢谢

0 投票
1 回答
723 浏览

ruby - 尝试为 Omega 4 Drupal 站点编译 SASS 文件时出现 CodeKit 2 编译错误

我是 SASS 和 CodeKit 的新手,正在尝试编译 SASS 文件。该项目是 Drupal Omega 4 子主题。我正在运行安装了所有 Ruby Gems 的 Mac OSX 10.10,我试图找出没有让 CodeKit 编译文件的挂断在哪里。任何想法将不胜感激这是我得到的错误:

/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb 行 ["55"] 上的 ArgumentError:找不到 HOME 环境 --扩展 `~' 运行 --trace 以查看完整的回溯

这是 config.rb 文件

这是我要编译的 SCSS 文件

0 投票
1 回答
860 浏览

css - 字体真棒黑色矩形

试图将 font awesome 实现到 web 项目中,但输出是一个 1px 实心边框矩形。我将 Sass 与 Codekit 一起使用,并相应地检查了我的路径。见下文

1. main.scss

2.变量.scss

3.文件夹结构

在此处输入图像描述

4. Main.css 输出

5. HTML

我究竟做错了什么?我已经检查了文档并查看了 stackoverflow 上的其他解决方案,但它似乎不起作用。谢谢

0 投票
1 回答
635 浏览

gulp - 在 Codekit Hook 中运行 Gulp 任务

在编译 JS 文件后,我正在尝试将 Gulp 任务作为 Codekit Hook 运行。

我创建了一个新 Hook 并输入以下命令:

每次 Codekit 编译我的 JS 文件时,我只想运行一个 gulp 任务。但什么也没有发生。我做错了什么?

如果我在终端中运行该任务,一切都很好。

谢谢你的帮助。