问题标签 [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.
bonjour - 优胜美地 10.10 升级后 Codekit 2 无法解析 Bonjour 主机名
通过 AppStore 升级到 Yosemite 10.10(没有新安装/全新安装)后,使用 Codekit 2 预览网站时出现空白页面。在“服务器”选项卡中,我的案例中的 Bonjour 主机名“lukas.local”丢失升级http://goo.gl/QduPqp。
任何想法如何再次正确公开我的 Bonjour 主机名?谢谢!
css - CodeKit 2 - 用代码中的空行编译更少
我正在使用 Codekit 2.1.8 来编译我的 LESS 文件。在我的 LESS 文件中,我有空行,我也想将它们放在编译的 CSS 文件中,但 Codekit 似乎删除了它们。我在 Codekit 中找不到与此问题相关的任何选项。
例子:
少文件:
使用 Codekit 编译的 CSS 文件:
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:in
reverse_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:in
each' 来自 /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:in
write_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:in
rescue 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:in
block 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:in
build_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:in
use_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:in
build_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:in
block 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:in
find' 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:in
try_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:in
require' 来自 /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:in
require' 来自 /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:in
require' 来自 /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:in
each' 来自 /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:in
require' 来自 /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:in
require' 来自 /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:in
fallback_load_path' 来自 /Applications/CodeKit.app/Contents/Resources/engines/compass/compass/bin/compass:40:in `'
javascript - 浏览器加载资源最有效的方式
我目前将 Angular 与 ng-routes、ng-table 和 ng-animate 一起使用。我还使用其他库,例如 jQuery 和 Modernizr。最后我有我自己的自定义 javascript,它可以是多个文件。
所以我的项目会加载一长串这样的资源:
我知道我可以通过减少 HTTP 调用和压缩所有文件来加速我的项目。
我使用 CodeKit,它提供了将 JS 文件相互导入并将它们编译成单个压缩文件的选项。如果我为上面的列表执行此操作,那么我只需加载一个像这样的文件:
单个 HTTP 调用而不是 6+,并且所有代码都被缩小了。这里的问题是单个文件是 500kb+ 并且在一个完整的项目中会大得多,可能超过 1mb。
- 这是否意味着文件不会因为太大而被浏览器缓存?
- 以这种格式编译时,Angular 或其他库运行时会出现任何问题吗?(如果 .map 文件不在同一目录中,控制台会抛出错误)
- 当然,一个 500kb 以上的文件仍然需要很长时间才能加载,那么这真的会缩短加载时间吗?
我看到它的方式是它必须等待整个大文件加载才能执行任何操作。而如果文件是分开的,它们可以在每个加载后立即开始执行脚本。
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 的原因是什么?
提前致谢!
sass - 让 Sass Compass 项目在 CodeKit 中工作的问题
首先,我喜欢 CodeKit。
但我不知道如何解决我现在面临的问题,并希望其他人可能有知识来解决。
我基于 HTML5 Boilerplate CodeKit 项目创建了一个新项目https://github.com/jrodl3r/h5bp-codekit
但是当我尝试使用 Compass 进行编译时,我收到以下错误:
但是,我的 Sass 和 Compass 版本是最新的:
我试过了:
- 卸载 Sass & Compass 并重新安装
- 卸载 Sass & COMpass 并安装错误中提到的版本
- 清理项目并编译
不太确定从哪里开始。任何帮助将不胜感激。
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 的文件夹。
那么有一些编译差异之前有人遇到过吗?
谢谢
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 文件
css - 字体真棒黑色矩形
试图将 font awesome 实现到 web 项目中,但输出是一个 1px 实心边框矩形。我将 Sass 与 Codekit 一起使用,并相应地检查了我的路径。见下文
1. main.scss
2.变量.scss
3.文件夹结构
4. Main.css 输出
5. HTML
我究竟做错了什么?我已经检查了文档并查看了 stackoverflow 上的其他解决方案,但它似乎不起作用。谢谢
gulp - 在 Codekit Hook 中运行 Gulp 任务
在编译 JS 文件后,我正在尝试将 Gulp 任务作为 Codekit Hook 运行。
我创建了一个新 Hook 并输入以下命令:
每次 Codekit 编译我的 JS 文件时,我只想运行一个 gulp 任务。但什么也没有发生。我做错了什么?
如果我在终端中运行该任务,一切都很好。
谢谢你的帮助。