Skip to main content

开始

安装

npm i @lark-org/lark-cli-service --save-dev
# OR
yarn add @lark-org/lark-cli-service --dev

使用命令

在一个 React 项目中，@lark-org/lark-cli-service 安装了一个名为 lark-cli-service 的命令。你可以在 npm scripts 中以 lark-cli-service、或者从终端中以 ./node_modules/.bin/lark-cli-service 访问这个命令。

这是你使用默认 preset 的项目的 package.json：

{
  "scripts": {
    "start": "lark-cli-service start",
    "build": "lark-cli-service build"
  }
}

你可以通过 npm 或 Yarn 调用这些 script：

npm run start
# OR
yarn start

自动格式化代码

Prettier 是一个固定的代码格式化程序，支持 JavaScript ，CSS 和 JSON 。使用 Prettier，初始创建的项目默认安装并且会自动格式化你编写的代码，以确保项目中的代码风格。有关详细信息，请参阅 Prettier 的 GitHub 页面 ，并在 此页面查看其实际效果。

初始模版中也包含在 git 中进行提交时格式化代码，主要使用 husky lint-staged 依赖项

  • husky 使得使用 githooks 变得很容易，就好像它们是 npm 脚本一样。
  • lint-staged 允许我们在 git 中的 staged 文件上运行脚本。有关 lint-staged 的更多信息，请参阅 这篇博客文章。
  • prettier 的是我们将在提交运行之前的 JavaScript 格式化程序。

默认提交前校验配置：

"husky": {
  "hooks": {
    "pre-commit": "lint-staged"
  }
}

无论何时进行提交，Prettier 都会自动格式化已更改的文件。你也可以在配置完成后运行一次 ./node_modules/.bin/prettier --single-quote --write "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}" 来格式化整个项目。

你可能希望将 Prettier 集成到你喜欢的编辑器中。阅读 Prettier GitHub页面上的 编辑器集成 部分。