linux gcc套件_在Windows和Linux中使用套件语言

最新推荐文章于 2022-09-23 00:26:51 发布

cune1359

最新推荐文章于 2022-09-23 00:26:51 发布

阅读量175

点赞数

文章标签： python java linux vue windows ViewUI

在上一篇文章中，我们讨论了Kit ，这是一种非常简单HTML模板语言。如果您一直遵循此步骤，则应该发现能够将Kit编译为与浏览器兼容HTML格式的GUI应用程序是Codekit 。

不幸的是，Codekit仅适用于OS X，目前尚无类似的Windows和Linux应用程序支持Kit。

如果您在Windows和Linux机器上工作，但又想使用Kit，则可以使用Grunt作为替代。 Grunt有大量的插件集，这些插件由世界各地的慷慨开发人员提供，其中包括用于编译Kit语言的插件grunt-codekit 。让我们来看看。

入门

首先，我们将为我们的项目创建一个目录。让我们启动终端或命令提示符，然后键入以下命令行：

mkdir kit-grunt
cd kit-grunt

我们创建了一个名为kit-grunt的新目录；第二行让我们输入它。但是，如果您先前已经创建了项目目录，则可以跳过第一行，并使用cd命令立即在Terminal中导航到您自己的目录。

在项目目录中，我们创建一个名为kit的新文件夹，在其中放置.kit文件。在下面键入此命令：

mkdir kit

然后，我们还使用这些命令安装Grunt和插件。 请注意，您必须首先在系统中安装Node.js。

npm install grunt --save-dev
npm install grunt-codekit --save-dev

该过程完成后，您将找到一个新文件夹node_modules，其中包含我们已安装的模块。

组态

在项目目录中创建一个名为Gruntfile.js的新文件，并将以下代码放入其中。该代码是Grunt Wrapper ，我们将在其中注册，配置和执行Grunt任务。如果您使用的是Sublime Text，则可以使用Grunt Snippets轻松插入此代码。

module.exports = function(grunt) {
	grunt.initConfig({
		
	});	
}

然后像这样在grunt.initConfig定义codekit任务。

module.exports = function(grunt) {
	grunt.initConfig({
		codekit: {
		your_target: {
			files : {
				'index.html' : 'kit/index.kit',
			}
		},
		},
	});	
}

此配置会将index.kit编译为index.html。要尝试这一点，我们可以在index.kit中添加它。

<!-- @var = This is the variable -->
<p><!-- @var --></p>

…并在Terminal中运行grunt codekit 。

index.html已成功生成，并且正如您在下面看到的那样，该变量的值也已成功应用于段落标记中。

文件包含

正如我们在上一篇文章中提到的，我们可以将文件包含/导入到Kit文件中。假设我们有header.kit，sidebar.kit和footer.kit（我假设我们已经在这些文件中添加了相应的内容），则可以像这样将它们包含在index.kit中。

<!-- @include inc/header.kit -->
<div class="container">
	<div class="header row">
		<h1>This is the header</h1>
	</div>
	<div class="row">
		<div class="col-md-8">
			<p>This is the content</p>
		</div>
		<!-- @include inc/sidebar.kit -->		
	</div>
</div>
<!-- @include inc/footer.kit -->

让我们在终端中再次运行grunt codekit命令。现在我们开始！这些文件中的内容放到index.html中。真好！