项目构建工具Shipit、Cooking、Gulp.js、PSync介绍

以下为你介绍的项目构建工具都可用在Linux系统上:Shipit(自动化部署工具)、Cooking(前端构建工具)、Gulp.js(基于流的自动化构建工具)、PSync(Gradle 插件)。

1、Shipit(自动化部署工具)

项目构建工具Shipit、Cooking、Gulp.js、PSync介绍

Shipit是一个强大的自动化部署工具。 Shipit很多地方非常类似 gulp,他们的核心都是任务系统。

特性:

任务流基于orchestrator (gulp核心)。

极具交互性的SSH命令。

很好的扩展性。

全局安装:

npm install --global shipit-cli

本地安装:

npm install --save-dev shipit-cli

快速开始:

第一次使用必须创建shipitfile.js,如果你使用过grunt 或者 gulp,入门将会很简单。

创建shipitfile.js:

module.exports = function (shipit) {

shipit.initConfig({

staging: {

servers: 'myproject.com'

}

});

shipit.task('pwd', function () {

return shipit.remote('pwd');

});

};

启动:

shipit staging pwd

下载地址:https://gitee.com/mirrors/shipit

2、Cooking(前端构建工具)

项目构建工具Shipit、Cooking、Gulp.js、PSync介绍

更容易上手的前端构建工具,安装命令是:npm install cooking-cli -g。

基于 webpack 但提供了更友好的配置项,内置的预配置能满足多数项目的需求。全局安装依赖免去开发者每个项目都要重复安装一堆开发依赖的烦恼。插件扩展机制能方便的扩展预配置以及依赖,同时集成的脚手架功能,能方便的初始化新项目。

从创建项目到启动一个带有 hot reload、ES6 预处理、eslint 等功能的开发环境只需十秒。基于 webpack 且完全兼容已有配置文件,降低切换成本。更多功能和使用方法请参考文档。

特点:

1]、基于 webpack

如果重写原配置文件,只需少量甚至不修改,即可让 cooking 使用已有的 webapck 配置文件。

2]、项目零开发依赖

多个项目共用同一个 webpack,省去项目内安装多个开发依赖的过程,从创建项目到启动开发环境花费时间不到十秒。

3]、配置简单

将 webpack 的常见配置转换成更直观的参数,简单的配置即可实现 devServer、chunk、ES6 预处理、ESLint 等功能。

4]、脚手架

内置脚手架功能,能快速创建包含 cooking 配置文件的空项目。脚手架为 Github 远程仓库,可以轻松定义自己的脚手架。

5]、插件机制

cooking 只包含最基本的功能,可以用插件机制来增强功能。每个项目可以使用不同的插件,只有在需要时才自动安装。

6]、个性化设置

除了插件、脚手架之外,还提供指令、依赖包的扩展,可以将 cooking 打造成适合自己团队使用的构建工具。

快速开始:

Step 1.创建一个 vue 项目(将自动下载 vue 项目脚手架,只需下载一次)

> cooking create my-project vue

> cd my-project

Step 2.开始开发

> cooking watch

下载地址:https://elemefe.github.io/cooking/

3、Gulp.js(基于流的自动化构建工具)

Gulp.js 基于流的自动化构建工具。gulp 将开发流程中让人痛苦或耗时的任务自动化,从而减少你所浪费的时间、创造更大价值。

特点:

1]、易于使用

通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。

2]、构建快速

利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。

项目构建工具Shipit、Cooking、Gulp.js、PSync介绍

3]、插件高质

Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作

4]、易于学习

通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道。

相关命令:

npm install gulp-cli -g

npm install gulp -D

npx -p touch nodetouch gulpfile.js

gulp --help

下载地址:https://www.gulpjs.com.cn/

4、PSync(Gradle 插件)

PSync 是一个 Gradle 插件用于 Android 根据 XML Perferences 生成 Java 的替代方案。

安装设置:

buildscript {

repositories {

maven {

url "https://plugins.gradle.org/m2/"

}

}

dependencies {

classpath "gradle.plugin.com.flipboard:psync:1.1.5"

}

}

apply plugin: 'com.android.application' // Can be library too

apply plugin: 'com.flipboard.psync'

配置方法:

psync {

className = "MyClassName"

includesPattern = "**/xml/<mypatternforfiles>.xml"

packageName = "com.example.myapp"

generateRx = true

}

注明

以上就是项目构建工具Shipit、Cooking、Gulp.js、PSync的介绍内容,这些项目构建工具都能使用在Linux操作系统中。

栏目相关文章