Eine kurze Diskussion darüber, wie Atom WePY unterstützt

In diesem Artikel erfahren Sie, wie Atom WePY perfekt unterstützt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

Verwandte Empfehlungen: „Atom-Tutorial“

Warum WePY verwenden?

WePY？

我们都知道开发小程序的时候有很多很多的不方便的地方，譬如：

• 小程序的组件化支持能力太弱

• 小程序无法使用npm包,无法使用第三方组件

• 频繁调用setData及setData过程中页面跳闪

• request并发次数限制

• 创建一个页面需要管理4个对应的文件等...

ps.如果你还不了解如何开发小程序，可以先看下小程序开发简易教程。

综上，便产生了一种框架WePY,详见WePY 官方文档。

开发工具

WePY官方推荐的编辑器有

• Sublime
• WebStorm/PhpStorm
• Atom
• VS Code
• VIM

摸索了一圈还是推荐Atom给大家使用，感觉对WePY支持要比其他几款编辑器更高。

---

Atom 插件

既然选择了Atom，那么一些必备的插件还是需要的，这里呢就为大家精心准备了几款实用插件（主要适配于WePY）。

• atom-beautify 代码格式化工具，可以设置在保存时自动格式化，别提有多方便了。支持html，css，javascript，java，go等等，反正常见的语言基本都支持了。
• atom-wrap-in-tag 自动修改对应的HTML关闭标签，挺实用的。
• autocomplete-paths 自动补全文件路径，这个功能肯定使用嘛，完全避免了路径输入错误带来的bug。
• autoclose-html 自动输入对应的HTML关闭标签，虽然简答但是实用。
• docblockr 文档化注释，你懂的，团队协作规范注释必备插件。
• double-tag 能让同时编辑html的开始与结束标记，如果你增加一个 HTML开始语法，它会自动跟随写出结束语法，比如键入<div>开始，自动有</div>结束语法。
• emmet 能够基于Emmet语法产生HTML。
• language-vue 使编辑器支持Vue语法，代码高亮
• file-icons 很简单，为不同类型的文件添加一个漂亮的小图标，颜控开发者必备。
• linter 能够自动覆盖检查源码，产生警告和错误，帮助规范编程，基于实时代码分析。HTML, CSS, SCSS, JavaScript都有各自的Linter。甚至框架也有自己的Linter。
• linter-jshint 帮助你编写专业的js代码，js开发者必备插件。
• minimap 这个插件不用介绍了吧，从sublime开始，一直使用。从未遗忘。
• activate-power-mode 这个插件就不用说了，酷炫的敲代码，装*党必备。

安装完这些插件，你的Atom已经可以很愉快的支持WePYWir alle wissen, dass es bei der Entwicklung kleiner Programme viele Unannehmlichkeiten gibt, wie zum Beispiel:

• Komponentisierte Unterstützung für kleine Programme Die Fähigkeit ist auch schwach

• Das Applet kann das npm-Paket nicht verwenden und kann keine Komponenten von Drittanbietern verwenden
• 🎜Ruft häufig setData auf Und die Seite blinkt während des setData-Prozesses🎜
• 🎜request Parallelitätslimit🎜
• 🎜Das Erstellen einer Seite erfordert die Verwaltung von 4 Entsprechenden Dateien usw. 🎜

🎜ps. Wenn Sie nicht wissen, wie man kleine Programme entwickelt, können Sie sich Einfaches Tutorial zur Entwicklung kleiner Programme🎜. 🎜

🎜Zusammenfassend wird ein Framework WePY erstellt. Weitere Informationen finden Sie unter Offizielle WePY-Dokumentation🎜. 🎜

Entwicklungstools

🎜WePYDie offiziell empfohlenen Editoren sind🎜

Sublime
• WebStorm/PhpStorm
• Atom
• VS Code
• VIM

🎜Ich fummele immer noch herum Ich kann Atom jedem empfehlen. Ich habe das Gefühl, dass es WePY besser unterstützt als andere Editoren. 🎜

---

Atom-Plug-in

🎜Da Sie nun Atom ausgewählt haben, einige notwendige Plug-ins -Ins sind immer noch vorhanden. Bei Bedarf finden Sie hier einige praktische Plug-Ins, die sorgfältig für alle vorbereitet wurden (hauptsächlich angepasst an WePY). 🎜

• atomverschönern Das Code-Formatierungstool kann so eingestellt werden, dass es beim Speichern automatisch formatiert wird, ganz zu schweigen davon, wie praktisch es ist. Unterstützt html, css, javascript, java, go usw sind ohnehin üblich. Grundsätzlich werden alle Sprachen unterstützt.
• atom-wrap-in-tag Es ist sehr praktisch, das entsprechende schließende HTML-Tag automatisch zu ändern.
• Autocomplete-Pfade Dateipfade automatisch vervollständigen. Diese Funktion muss verwendet werden, um Fehler durch falsche Pfadeingaben vollständig zu vermeiden.
• autoclose-html Geben Sie automatisch das entsprechende schließende HTML-Tag ein, was einfach, aber praktisch ist.
• docblockr Dokumentationskommentare sind, wie Sie wissen, ein notwendiges Plug-in für Spezifikationskommentare zur Teamzusammenarbeit.
• Doppeltag Damit können Sie die öffnenden und schließenden Tags von html gleichzeitig bearbeiten. Wenn Sie eine öffnende HTML-Syntax hinzufügen, folgt diese automatisch der schließenden Syntax, z. B. wenn Sie <div> eingeben. zum Starten. Es gibt automatisch eine </div>-Endsyntax.
• emmet Möglichkeit, HTML basierend auf der Emmet-Syntax zu generieren.
• Sprache-vue Stellen Sie sicher, dass der Editor die Vue-Syntax und Code-Hervorhebung
• Dateisymbole unterstützt Es ist ganz einfach, ein schönes kleines Symbol zu verschiedenen Dateitypen hinzuzufügen, ein Muss für Entwickler von Schönheitskontrollen.
• linter Es kann Quellcode automatisch abdecken und überprüfen, Warnungen und Fehler generieren und auf der Grundlage einer Echtzeit-Codeanalyse zur Standardisierung der Programmierung beitragen. HTML, CSS, SCSS, JavaScript haben alle ihren eigenen Linter. Sogar Frameworks haben ihren eigenen Linter.
• linter-jshint Hilft Ihnen, professionellen js-Code zu schreiben, ein unverzichtbares Plug-in für js-Entwickler.
• Minikarte Dieses Plug-in bedarf keiner Einführung. Ich verwende es seit sublime. Nie vergessen.
• Energiemodus aktivieren Es versteht sich von selbst, dass dieses Plug-in ein cooler Code und ein Muss für Gruppenmitglieder ist.

🎜Nach der Installation dieser Plug-ins kann Ihr Atom problemlos WePY unterstützen, probieren Sie es aus. 🎜🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Einführung in die Programmierung🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion darüber, wie Atom WePY unterstützt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!