X-BUILD

X-BUILD

介绍

X-BUILD 是面向小型项目的脚手架工具，通过终端命令最快在几秒钟初始化项目目录，解决开发中的自动化、性能、模块化、规范、自适应布局等问题，辅助你生成更优质的代码。它两部分组成：一部分为基于 Node.js 环境下的项目生成器，它是安装在全局环境下的 NPM 包；另一部分是基于 webpack 的开发和生产环境，对各类需求做了相应的配置。

特性

脚手架：

  • 自动创建工程目录（自定义/快速）

  • 自动安装依赖 / 自动初始化 Git

  • 生成配置文件，提供更灵活的选择

开发/生产环境：

  • 基于 webpack4 的开发环境

  • 支持 CSS 预处理器(sass、less、stylus)

  • 支持 TypeScript & TSLint 或 Babel & ESLint

  • 提供可选的自适应解决方案

  • 数据接口模块自动加载

适合环境

  • 小型项目：周期短，无需使用大型框架开发并且还能保证项目的品质和效率。

  • 高效学习：无论是 ES 新语法、TS 或 CSS 预处理器，避免复杂的搭建环境影响学习效率。

搭建大型项目

如果你有足够了解 X-BUILD ，并且熟练掌握 webpack，在此基础上完全可以搭建适合大型项目开发的环境，但我并不建议你这么做！

征集更多案例

>>查看全部案例<<

如果你使用 X-BUILD 开发了某个项目，可以通过下面的方式进行分享：

  • 加 QQ群 或 作者微信(xu461229187)
  • 通过进入案例页面点击下方修改此页自行编辑和提交

准备信息：

  • 【项目名称】：可附带项目源码链接
  • 【作者】：可附带个人 Github 链接
  • 【线上链接】：PC 采用链接形式，移动端请生成二维码(80*80)
  • 【备注信息】

二维码路径 > /docs/.vuepress/public/qr/***.jpg

讨论交流

QQ群

欢迎加入 QQ交流群（374406559），在这里可以互相交流前端问题。

提问 & BUG

请将BUG提交在不同项目的 Github issues 里：

X-BUILD | X-FULLPAGE | X-LOAD | X-ANIMATE | X-TOUCH | X-MUSIC

命令行工具 (CLI) →