1. f2elint
Linter for Alibaba F2E Guidelines
f2elint
Package: f2elint
Created by: alibaba
Last modified: Thu, 25 Apr 2024 07:27:43 GMT
Version: 4.7.1
License: MIT
Downloads: 2,035
Repository: https://github.com/alibaba/f2e-spec

Install

npm install f2elint
yarn add f2elint

f2elint

f2elint 是《阿里巴巴前端规约》的配套初始化工具,可以为各种前端和 Node.js 项目一键接入规约,保障项目的编码规范和代码质量。

CLI

 npx f2elint

screenshot

Monorepo

多包项目和前后端分离项目经常采用 monorepo 的项目代码管理模式,即一个 git 仓库中包含多个不同类型的应用,无法使用同一套规约。这种情况下,我们建议:

  1. 在仓库根目录运行 npx f2elint 并选择 Base (JavaScript)Base (TypeScript) 模板
  2. 切换到子应用/子包目录并运行 npx f2elint 并选择适合的模板,f2elint 会自动检测子应用/子包,并跳过 lint-staged 和 commitlint

示例 1:前后端分离应用

 npx f2elint # 选择 Base (JavaScript) 模板

cd client
npx f2elint # 选择 React (TypeScript) 模板

cd ../server
npx f2elint # 选择 Node (TypeScript) 模板

示例 2:多包项目

 npx f2elint # 选择 Base (JavaScript) 模板

cd packages/cli
npx f2elint # 选择 Node (TypeScript) 模板

cd ../react
npx f2elint # 选择 React (TypeScript) 模板

cd ../vue
npx f2elint # 选择 Vue (TypeScript) 模板

API

 npm install --save f2elint
 import { f2elint, TemplateType } from 'f2elint';

await f2elint('path/to/project', {
  template: TemplateType.ReactTS,
  stylelint: true,
  prettier: true,
  lintStaged: true,
  commitlint: false,
});

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin