外观主题6.2和7的开发——Liferay
依赖关系
我们在 Windows 上工作,因此将对在此平台下的工作进行解释,尽管我们认为很容易将其推断到在 Linux 或 Mac 下工作的人。
我们需要安装以下内容:
Nodejs
Python 2.7.10(仅限 Windows)
Visual Studio(仅适用于Windows)安装时,我们只需要勾选下面的复选框,其余的我们都可以取消标记:Custom> Programming ...> Visual C++(安装过程较长)
安装完所有依赖项后,我们将继续执行以下步骤:
Yeoman、Gulp 和 Bower
Yeoman、Gulp 和 Bower 是我们用来创建和编译新外观主题的三个工具。我们必须牢记,我们面临的是 Liferay 的 Alpha 版本,因此我们可以发现随着时间的推移会解决的问题,但重要的是要习惯新的工作方法,这将使我们的生活更轻松。
我们总结一下:
约曼。它们被定义为“现代应用程序的网络脚手架”。可以说它是帮助我们创建 Web 项目的助手。
Gulp 将成为我们的 nodejs 工具来编译我们的外观主题。
Bower 将成为我们管理依赖项的工具
我们开始做吧!首先让我们继续安装 Yeoman、Gulp 和 Bower。我们将自己置于 Windows 控制台并输入以下命令:
npm install -g yo gulp bower
现在是安装 liferay 主题生成器的时候了。为此,在同一命令行中,我们将编写以下内容:
npm install -g generator-liferay-theme
创建外观主题
对于外观主题的创建,我们将使用 Yeoman。在命令行中,在我们要创建主题的目录中,输入:
yo liferay-theme
你可以胡乱扯扯话题,分析一些关于ant或maven工作方法的新闻。例如,如果我们决定使用velocity 或freemarker 或主题名称,现在在package.json 文件中定义父主题。例如,在 liferay-theme.json 中,将定义主题和 tomcat 的路径。其余的将像以前的版本一样工作。在文件夹 src 中,我们将放置我们的文件夹 css、js、模板、图像...及其相应的文件。
现在我们只需要编译我们的外观主题。为此,我们将自己放在控制台的主题目录中并输入以下内容:
gulp build or gulp deploy
第一个将编译我们的主题并生成一个战争,第二个还将向我们的服务器发送一个副本。