Codekit 2的新增功能

Codekit 2于几周前发布，并且正如预期的那样，此新版本中进行了一些重大更改。 对于那些你们谁只是听说过它，Codekit是一个应用程序，拼了许多现代Web开发工具 ，包括萨斯 ， LESS ，翡翠，工具包，JavaScript的压榨机（Uglify.js）和JavaScript 棉短绒 （ JSLint的和JSHint ）。

借助令人耳目一新的新用户界面设计和新图标，Codekit 2还带来了许多新功能。 我们已经动手了，并将向您展示Codekit 2如何使您的Web开发过程受益，并使之更加高效。 让我们来看看。

内建服务器

Codekit能够自动在浏览器中重新加载页面 ; 因此，只要您在项目文件中进行更改，便会立即看到结果，从而为您带来实时编辑的体验。

但是我经常遇到的Codekit 1中有一个问题。 如果未正确配置设置，则可能最终使Codekit刷新页面，包括不属于项目的其他页面。

因为Codekit刷新了所有打开的页面 ，这会中断您在其他页面上运行的其他活动。

在版本2中，Codekit通过引入内置服务器来解决此问题。 启动它时，您会在应用程序窗口的右上方看到绿灯，表明服务器已打开。 单击它，您将看到服务器信息，例如：端口号和通过服务器访问您的项目的地址。

您可以使用该地址访问同一网络中任何设备上的项目 。 有两种给定的地址格式； 一个带有漂亮的名称，另一个带有您的网络IP地址格式，您可以在不支持Bonjour的设备（很可能是Android）中使用该名称。

因此，您现在必须像这样通过该地址在浏览器中提供页面。

有关更多详细信息，请参见以下视频。

提示：更改地址

nice-name-address格式是从您的计算机名称派生的。 因此，如果您的计算机名称是“ John Doe's Macbook”，则可能会得到一个长地址作为回报，例如http://john-doe-macbook.local:5757 。 要更改它，请转到OSX系统偏好设置>共享 ，然后将计算机名称更改为更短的名称 。

凉亭组件

我们要看的第二个功能是Bower Component。 Bower是用于Web开发的软件包管理器 –与OSB软件包管理器的Homebrew相似。 您可以通过Bower注册表找到很多软件包，包括Bootstrap，jQuery和Normalize.css。

在Codekit 2中，您现在可以直接通过它安装Bower软件包。 转到“ 资产”菜单（位于“ 服务器”菜单的左侧）。 Codekit作者在“ 收藏夹”选项卡下列出了一些选定的软件包。

完整列表可在“组件”选项卡下找到，所有已安装的组件都将在“ 已安装”选项卡中。

这对于启动新项目将非常有用。 例如，如果您需要Normalize.css，则可以通过Codekit安装它，然后使用样式表中的@import规则将其导入。

@import (inline) "bower_components/normalize-css/normalize.css";

如果有新版本可用，您也可以通过Codekit对其进行更新，就像这样。

Zurb基金会项目

Foundation是较流行的响应框架之一，使其成为Bootstrap的竞争者。 在Codekit 1中，只需单击几下即可轻松设置Compass项目，但是设置Foundation项目可能会有些麻烦，因为它使用了自定义的Sass / Compass二进制文件。

在版本2中，它得到了简化。 您只需转到“ 文件”>“ New Zurb Foundation项目” ，一切就绪 。

最终思想

这些新功能使Codekit 2成为Web开发的高级应用程序，与之相比，Codekit 1现在似乎已经过时了。 请注意，Codekit是仅OSX的应用程序 。 如果您在Windows计算机上运行，​​则可以尝试Prepros ，它也提供类似的功能（我认为，减去Kit语言支持）。 另外，您也可以尝试GruntJS ，Prepros或Koala，只要他们能完成工作即可。

翻译自: https://www.hongkiat.com/blog/codekit-2/