Skip to content

base_function

long edited this page Feb 1, 2019 · 2 revisions

项目基础能力

在利用脚手架创建出来的项目基础框架代码中,我们有哪些基础功能呢?
这里我们一一介绍

prettier

利用 prettier 工具自动格式化我们的代码
可以在 .prettierrc.prettierignore 中进行相应的配置

eslint

利用 eslint 工具检测我们的 js 代码的规范问题
可以在 .eslintrc.js.eslintignore 中进行相应的配置

stylelint

利用 stylelint 工具检测我们的 css 代码的规范问题
可以在 .stylelintrc 中进行相应的配置

git-hook: pre-commit

git commit 之前,执行 lint-staged,对我们的代码进行 prettier 格式化,并执行 lint

git-hook: commit-msg

git commit 之前,执行 commitlint 检查 commit msg 规范,具体规范可参考 commitlint-config-imt

gulp

使用 gulp 提供构建能力,版本为 4.0.0,可以基于它进行任何的功能扩展

postcss

通过 gulp 接入了 postcss 功能,会把小程序项目中的 css 文件自动编译成 wxss 文件 在根目录下,执行以下命令即可开启此功能:

npm run dev

图片压缩

通过 gulp 接入了图片压缩功能,执行以下命令:

npm run compress
Clone this wiki locally