项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib介绍

以下为你介绍的项目构建工具都可用在Linux系统上:Vue CLI(Vue.js 开发标准化工具)、IntellijDubboPlugin(Intellij Dubbo 插件)、Fastpack(JavaScript 应用打包器)、Jib(为 Java 应用构建容器镜像)。

1、Vue CLI(Vue.js 开发标准化工具)

项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib介绍

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:

通过 @vue/cli 搭建交互式的项目脚手架。

通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。

一个运行时依赖 (@vue/cli-service),该依赖:可升级、基于 webpack 构建,并带有合理的默认配置、可以通过项目内的配置文件进行配置、可以通过插件进行扩展。

一个丰富的官方插件集合,集成了前端生态中最好的工具。

一套完全图形化的创建和管理 Vue.js 项目的用户界面。

Vue CLI 致力于将 Vue 生态中的工具基础标准化。它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。与此同时,它也为每个工具提供了调整配置的灵活性,无需 eject。

该系统的组件:

Vue CLI 有几个独立的部分——如果你看了项目的源代码,你会发现这个仓库里同时管理了多个单独发布的包。

CLI:

CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速创建一个新项目的脚手架,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。

CLI 服务:

CLI 服务 (@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中。

CLI 服务是构建于 webpack 和 webpack-dev-server 之上的。它包含了:

加载其它 CLI 插件的核心服务。

一个针对绝大部分应用优化过的内部的 webpack 配置。

项目内部的 vue-cli-service 命令,提供 serve、build 和 inspect 命令。

如果你熟悉 create-react-app 的话,@vue/cli-service 实际上大致等价于 react-scripts,尽管功能集合不一样。

CLI 服务章节涵盖了它的具体用法。

CLI 插件:

CLI 插件是向你的 Vue 项目提供可选功能的 npm 包,例如 Babel/TypeScript 转译、ESLint 集成、单元测试和 end-to-end 测试等。Vue CLI 插件的名字以 @vue/cli-plugin- (内建插件) 或 vue-cli-plugin-(社区插件) 开头,非常容易使用。

当你在项目内部运行 vue-cli-service 命令时,它会自动解析并加载 package.json 中列出的所有 CLI 插件。

插件可以作为项目创建过程的一部分,或在后期加入到项目中。它们也可以被归成一组可复用的 preset。

安装:

npm install -g @vue/cli

# OR

yarn global add @vue/cli

创建一个项目:

vue create my-project

# OR

vue ui

下载地址:https://gitee.com/mirrors/Vue-CLI

2、IntellijDubboPlugin(Intellij Dubbo 插件)

项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib介绍

ntellijDubboPlugin 可快速构建一个dubbo项目,只需简单的操作几步就可以得到一个包含 ApiModule 和ProviderModule的项目,如果添加了mybatis,pageHelper等依赖后,会自动生成示例代码及testcase,并且可以直接运行,大幅提升效率。

功能:

快速构建一个dubbo+springboot的项目,包含ApiModule 和 providerModule。

可选其他依赖,如mybatis pageHelper hikari,并且配置好,生成代码例子和testcase 可立即运行。

说明:

插件支持Intellij 2018.1版本及以上版本。

使用 IDE 内置插件系统:

Preferences(Settings) > Plugins > Browse repositories... > 搜索并找到"Dubbo" > Install Plugin

直接下载:

downloadlastest plugin zip -> Preferences(Settings)->Plugins -> Install plugin from disk...

使用说明:

如果使用了zookeeper,请搭建好zookeeper服务器。

启动前先修改生成项目 application.properties中的数据库连接配置,改成自己的数据库配置。

如果要跑生成例子中的testcase,请将项目下的schema.sql 在数据库中执行下。

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

3、Fastpack(JavaScript 应用打包器)

Fastpack 是一个 JavaScript 应用打包器,目标是做到对于中型应用(约1000个模块)的打包时间小于1000ms,增量重新打包时间低于100ms。 

$ npm install -g fpack

$ fpack --help

基准测试结果:

项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib介绍

例子:

$ fpack ./ui/index.js \

 -o build \

 -w \

 --dev \

 --nm "$(pwd)/node_modules" \

 --nm node_modules \

 --preprocess='^ui/.+\.js$' \

 --preprocess='^node_modules/components/[^/]+\.js$'

Packed in 2.148s. Bundle: 5.87Mb. Modules: 1602. Cache: empty. Mode: development.

Watching file changes (Ctrl+C to stop)

$ fpack ./ui/index.js \

 -o build \

 -w \

 --dev \

 --nm "$(pwd)/node_modules" \

 --nm node_modules \

 --preprocess='^ui/.+\.js$' \

 --preprocess='^node_modules/components/[^/]+\.js$'

Packed in 0.176s. Bundle: 5.87Mb. Modules: 1602. Cache: used. Mode: development.

Watching file changes (Ctrl+C to stop)

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

4、Jib(为 Java 应用构建容器镜像)

Jib 是 Google 开发的可以直接构建 Java 应用的 Docker 和 OCI 镜像的类库,以 Maven 和 Gradle 插件形式提供。

通过 Jib,Java 开发者可以使用他们熟悉的 Java 工具来构建容器。Jib 是一个快速而简单的容器镜像构建工具,它负责处理将应用程序打包到容器镜像中所需的所有步骤。它不需要你编写 Dockerfile 或安装 Docker,而且可以直接集成到 Maven 和 Gradle中 —— 只需要将插件添加到构建中,就可以立即将 Java 应用程序容器化。

Docker 构建流程:

项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib介绍

Jib 构建流程:

项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib介绍

目标:

快速 — 快速部署您的更改。Jib 将你的应用程序分成多个层,从类中分离依赖项。你不必等待 Docker 重建整个 Java 应用程序 —— 只需部署更改的层即可。

可重现 — 使用相同内容重建容器镜像。

Daemonless — 减少 CLI 依赖性。从 Maven 或 Gradle 中构建 Docker 镜像,然后推送到你选择的任何注册表,无需编写 Dockerfiles 并调用 docker build/push。

在 Maven 中使用 Jib:

<plugin>

<groupId>com.google.cloud.tools</groupId>

<artifactId>jib-maven-plugin</artifactId>

<version>0.9.0</version>

<configuration>

<to>

<image>gcr.io/my-project/image-built-with-jib</image>

</to>

</configuration>

</plugin>

# Builds to a container image registry.

$ mvn compile jib:build

# Builds to a Docker daemon.

$ mvn compile jib:dockerBuild

在 Gradle 中使用 Jib:

plugins {

id 'com.google.cloud.tools.jib' version '0.9.0'

}

jib.to.image = 'gcr.io/my-project/image-built-with-jib'

# Builds to a container image registry.

$ gradle jib

# Builds to a Docker daemon.

$ gradle jibDockerBuil

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

注明

以上就是项目构建工具Vue CLI、IntellijDubboPlugin、Fastpack、Jib的介绍内容,这些项目构建工具都能使用在Linux操作系统中。

栏目相关文章