idea代码错误更正
学习编码可能会很有趣，但是却常常令人难以承受。 Web开发人员，尤其是新手，正在不断学习新内容。 更糟糕的是，有太多规则要学习如何编写好的代码。
是的，规则的存在是有原因的，我们最终需要实施这些实践……但是让我们面对现实吧，很难记住所有规则。
这引出了我的建议： 我们无视规则。
让代码编辑器修复繁琐的规则，同时让我们对缩进，格式化和无错误的代码感到满意。
“很好，那我们该怎么做？”
简短的答案：Linting。
“皮棉或皮棉绒，是一种分析源代码以标记编程错误，错误，样式错误和可疑结构的工具。”
换句话说，一个linter遍历了您的代码，检查您是否违反了任何规则。 linter使您知道代码中的错误，有些linter甚至可以为您解决这些错误！
格式设置规则：这些规则使您和您的团队的代码看起来井井有条，相似且有序，例如代码间隔，缩进和换行符。
代码质量规则：这些规则可确保您的代码按预期运行，并且使用正确的语法（例如未使用的变量，语法错误和方括号）没有错误。
整理工具和设置
对于Web开发的核心，我们需要以下工具：
更漂亮：我最喜欢的格式化工具。 它不仅适用于HTML，CSS和Javascript，还适用于许多其他语言！
Stylelint：一种CSS / SCSS / LESS掉毛工具，用于处理代码质量问题。
ESLint：一款很棒的javascript 小子 。 我不会在本文中介绍如何设置Javascript。 本 教程 将对此有所帮助。 看看这个 指导 。
更漂亮：编写简洁的代码
尽管许多其他编辑器（例如 Atom）也可以 使用 ，但 我 在本指南中 使用的是 VS Code 。
1.安装并下载VS Code 。
2.从商店安装Prettier扩展。
3.（推荐）在设置中使用保存格式。 您可以在文件>首选项或左下角的齿轮图标中找到设置。 您可以使用搜索栏找到设置，然后选中“保存时格式化”框。
4.您可以通过按“ ctrl” +“ shift” +“ p”并搜索“格式化文档”来手动格式化代码。
而已！ 更漂亮的设置。
您可以更改其他格式设置，例如缩进的工作方式（空格/制表符）。 您可以在设置的左侧标签中找到此内容。 或者，查看更漂亮的文档以获取选项的完整列表。
一个简洁的提示：Prettier还可以通过不保存代码格式来通知您是否在HTML中犯了语法错误。 当我发现错误后，这为我节省了很多时间。
Stylelint：解决代码质量
1.在VS Code上安装Stylelint扩展。
2.确保已为Windows ， Mac或Linux安装了NPM。
3.将Stylelint的推荐配置安装到您的工作区目录中：
npm install stylelint-config-recommended --save-dev
将会出现一些警告（不是错误），您可以忽略它们。
4.在工作区目录中放置一个自定义 Stylelint配置文件（ stylelint.config.js ）。 我使用Microverse中的上述方法 。 您也可以创建自己的配置 。
5.您将在VS Code端子块的“问题”选项卡中找到显示的错误。 （切换终端的快捷方式是“ ctrl” +“`”）
6.要解决问题，请运行：
npx stylelint --fix <location/of/stylesheet.css>
注意：因为Prettier已经可以解决大多数问题，所以通常不需要这样做。
7.您将需要修复剩余的一些代码错误。 很快，您将无需考虑即可学习规则！
全做完了！ 您未来的自我会感谢您的。
让我们看一下如何进行设置的基本演示。
Stylelint发现了一些看起来很丑陋CSS代码，其中有九个问题。
更加漂亮的文件保存时格式化代码，毫不费力地修复了五个错误：
当我们运行npx命令时，Stylelint会自动修复另一个错误：
npx stylelint --fix <location/of/stylesheet.css>
手动修复最后几个问题...我们的代码看起来不错！
Stickler CI
由于我们正在处理棉绒，因此让我们在GitHub上提到Stickler CI的主题。 该linter进行与本文中设置的代码检查相同的代码。 Stickler还可以使用Javascript（ESlint）和其他语言。
Stickler的好处在于，它可以在GitHub上的请求请求中添加代码，从而确保您和您的团队在合并新代码之前没有错误。
就是这样，伙计们！ 我希望这可以节省您的繁琐工作，并使您专注于编码。
我很想听听您对本文的想法和建议。
翻译自: https://hackernoon.com/how-to-auto-correct-your-code-a-web-developer-guide-f12y32vn
idea代码错误更正
2365
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
