代码风格:ESLint和Prettier
CSS
PostCSS
PostCSS 是一种 JavaScript 工具,可将你的 CSS 代码转换为抽象语法树 (AST),然后提供 API(应用程序编程接口)用于使用 JavaScript 插件对其进行分析和修改。什么是 PostCSS?如何使用插件自动化 CSS 任务 - 掘金 (juejin.cn)
Tailwind CSS
理解为内联的升级版,效用至上的基础 - Tailwind CSS 中文网 (nodejs.cn),里面有讲为什么不用内联
js
ESLint
Lint(Linter) 是一种静态代码分析工具,用于标记代码中某些编码错误、风格问题和不具结构性(易导致 bug)的代码。
主要是在运行时报错,可以通过插件来实现实时检测。
Install
手动下载npm i eslint -D
脚手架下载时配置
基本用法
一些rule
vscode中配置ESLint 和配置中文_vscode使用esline 错误提示如何显示中文-CSDN博客
TODO 以后细学
全部
Prettier
Prettier 是一个代码格式化工具,可以格式化代码,但不具备代码检查功能,它可以通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制一致的样式,并在必要时包装代码,如今,它已成为解决所有代码格式问题的优选方案,支持多种语言,可以将 ESLint 和 Prettier 结合使用,提高代码质量。