Es ist ein sehr wichtiger Prozess, den Code zu überprüfen und zu testen, um potenzielle Fehler zu finden, damit er rechtzeitig beseitigt werden kann, bevor er auf der Website platziert wird. Der Prozess der Codeinspektion ist auch allgemein als Linie zwischen Webdesignern und Entwicklern bekannt. Wenn Sie als Designer einen hochoptimierten Code schreiben möchten, müssen Sie Lining -Tools benötigen. Es gibt zwei Arten von Codeüberprüfungswerkzeugen. Eine davon ist, während der Ausführungszeit auf Fehler und Fehler im Code zu suchen. Die andere besteht darin, statische Code -Analysetechniken zu verwenden und den Code vor der Ausführung zu überprüfen. Letzteres ist offensichtlich besser, weil es Zeit und Ärger sparen kann.
In der Tat kann das Stining in verschiedenen Phasen platziert werden. Wenn Sie den Code beim Tippen testen möchten, können Sie das Lint -Tool verwenden. Wenn Sie die Datei aufbewahren oder den Lintcode während der Bühne ausführen möchten, kann das Lining -Tool natürlich auch so tun, wie Sie es wünschen. Es hängt von der Wahl des Einzelnen ab. Wenn Sie nach den besten Lining -Tools für CSS und JavaScript suchen, lesen Sie weiter.
1.Csslint
Zugegeben, CSSlint wird Ihre Gefühle "verletzen", aber im Austausch wird es "Ihren Code viel besser machen". CSSLINT leitet derzeit den Markt für CSSLINDING. Es ist in JavaScript geschrieben, nicht nur Open Source, sondern auch eine große Anzahl von Konfigurationsoptionen.
2.Sublimelinter CSSLINT
CSSLINT ist ein so effizientes CSSLINK -Tool, dass es schwierig ist, einen Konkurrenten zu finden, der damit übereinstimmt. Vielleicht ist deshalb das Sublimelinter -Framework sein CSSLINT -Plugin auf CSSLINT erstellt. Sublimelinter ist ein Sublimetext -Plugin, das den Benutzern Lintcode (CSS, PHP, Python, Java, Ruby usw.) bietet.
3.Stylelint
Stylelint kann Entwicklern helfen, Syntaxfehler zu vermeiden, die in CSS, SCSS oder anderen Postcs analysiert werden können. Stylelint hat mehr als hundert Regeln getestet und Sie können die Regeln auswählen, die Sie wechseln möchten (siehe Beispielkonfiguration).
4.W3C CSS Validator
Obwohl der CSS -Validator von W3C normalerweise nicht als Lining -Tool angesehen wird, bietet es Entwicklern eine gute Gelegenheit, den CSS -Code mit offiziellen W3C -Standards zu überprüfen. W3C erstellt ein eigenes Verifizierungsprogramm, das darauf abzielt, ein Tool zu bieten, das dem Lint -Programminspektor für C -Sprache ähnelt.
5.Dirty Markup
Dirty Markup kann Ihren HTML-, CSS- und JavaScript -Code reinigen, formatieren und überprüfen. Wenn Sie einfaches und unkompliziertes Design mögen und eine schnelle Lösung wünschen, können Sie es richtig auswählen. Dirty Markup kann in Echtzeit Fehlermeldungen und Benachrichtigungen in Echtzeit werfen, wenn Sie den Code im Editor schreiben oder ändern.
6.JSlint
JSlint wurde ursprünglich 2002 von Douglas Crockford veröffentlicht und seitdem gedeiht, sodass Sie es sicher als stabiles und zuverlässiges JavaScript -Lining -Tool identifizieren können.
7.JSHINT
JSHINT ist ein Community-betriebenes Projekt, das sich bemüht, eine konfigurierbare, weniger hartnäckige Version von JSlint zu erstellen. Mit JSHINT können Entwickler eine seiner Lining -Optionen konfigurieren und dann benutzerdefinierte Konfigurationen in eine separate Datei einfügen, wodurch das Tool wiederverwendet wird und daher perfekt für große Projekte ist.
8.
Eslint ist ein aktuelles großes Ereignis im JavaScript -Lining -Makro. Es ist beliebt aufgrund seiner sehr flexiblen Natur. Sie können nicht nur eine große Anzahl hochmoderner Lining-Regeln anpassen, sondern in alle wichtigen Code-Editoren integrieren, sondern auch ihre Funktionalität durch Hinzufügen verschiedener Plugins problemlos erweitern.
9.JSCs
JSCS oder JavaScript -Codestil ist ein Streitabsinter für JavaScript, der zur Überprüfung der Code -Formatregeln verwendet wird. Das Ziel von JSCs ist es, eine Methode zur Implementierung einer programmgesteuerten Einhaltung eines bestimmten Codierungsstil -Assistenten bereitzustellen. Während JSCs nicht auf Fehler und Fehler checkt, wird es immer noch von vielen Akteuren in High-Tech-Branchen wie Google, Airbnb und AngularJS verwendet, da es den Entwicklern hilft, eine hochlesbare und konsistente Codebasis beizubehalten.
10. STANDARDJS
StandardJS oder JavaScript Standard Style ist ein Codestil -Verlust, ein bisschen wie JSCs, aber der Unterschied besteht darin, dass er einfacher und unkompliziert ist. StandardJS ist eine gute Wahl, wenn Sie keine Zeit für die Konfiguration verbringen möchten und nur ein effizientes Tool möchten, das nicht in der Box funktioniert.
Übersetzungslink: http://www.codeceo.com/article/10-css-javascriptspinning-tool.html
Original Englisch: 10 CSS- und JavaScript -Lining -Tools zur Codeoptimierung