A brief discussion on how Atom supports WePY

This article will introduce to you how Atom perfectly supports WePY. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to everyone.

Related recommendations: "atom tutorial"

Why use WePY?

We all know that there are many inconveniences when developing small programs, such as:

• The component support capability of small programs is too weak

• The applet cannot use the npm package and cannot use third-party components

• ##Frequently calls

  setData and setDataThe page will flash during the process

• requestConcurrency limit

• Creating a page requires management 4 Corresponding files, etc...

ps. If you don’t know how to develop small programs, you can first read the

Simple Tutorial on Small Program Development.

To sum up, a framework

WePY is produced. For details, please see WePY official document.

Development tools

WePYThe officially recommended editors are

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

After searching around, I still recommend

Atom to Everyone uses it and feels that the support for WePY is higher than that of other editors.

---

Atom plug-in

Since you have chosen

Atom, you still need some necessary plug-ins. Here are the details for everyone Several practical plug-ins have been prepared (mainly adapted to WePY).

atom-beautify The code formatting tool can be set to automatically format when saving, not to mention how convenient it is. Supports
• html, css, javascript, java, go, etc. Basically all common languages ​​are supported. .
atom-wrap-in-tag It is quite practical to automatically modify the corresponding
• HTML closing tag.
autocomplete-paths Automatically complete file paths, this function must be used, completely avoiding bugs caused by incorrect path input.
• autoclose-html Automatically enter the corresponding HTML closing tag, which is simple but practical.
• docblockr Documentation comments, you know, a necessary plug-in for team collaboration specification comments.
• double-tag It allows you to edit the start and end tags of
• html at the same time. If you add an HTML start syntax, it will automatically follow and write the end syntax. For example, type
  to start, and there will automatically be
  End syntax.
emmet Able to generate
• HTML based on Emmet syntax.
language-vue Make the editor support
• Vue syntax, code highlighting
file-icons It's very simple. Add a beautiful little icon to different types of files, a must-have for beauty control developers.
• linter It can automatically cover and check source code, generate warnings and errors, and help standardize programming, based on real-time code analysis.
• HTML, CSS, SCSS, JavaScript all have their own Linter. Even frameworks have their own Linter.
linter-jshint Help you write professional
• js code, a must-have plug-in for js developers.
minimap This plug-in needs no introduction. I have been using it since
• sublime. Never forgotten.
activate-power-mode Needless to say, this plug-in is a cool code and a must-have for party members.

After installing these plug-ins, your

Atom can happily support WePY, go and try it.

For more programming-related knowledge, please visit:

Introduction to Programming! !

The above is the detailed content of A brief discussion on how Atom supports WePY. For more information, please follow other related articles on the PHP Chinese website!