Shulou(Shulou.com)06/02 Report--

How to support WePY in Atom? In view of this problem, this article introduces the corresponding analysis and answers in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible way.

Why use WePY?

We all know that there are many inconveniences when developing Mini Program, such as:

The component support ability of Mini Program is too weak.

Mini Program cannot use npm packages and third-party components

Page flashing during frequent calls to setData and setData

Restrictions on the number of request concurrency

To create a page, you need to manage 4 corresponding files, etc.

Ps. If you don't know how to develop Mini Program yet, you can take a look at the simple Mini Program development tutorial first.

To sum up, a framework, WePY, is produced, as detailed in the WePY official documentation.

Development tools

The editors officially recommended by WePY are

Sublime

WebStorm/PhpStorm

Atom

VS Code

VIM

After groping around, I still recommend Atom for everyone to use. I feel that the support for WePY is higher than that of other editors.

Atom plug-in

Now that we have chosen Atom, we still need some necessary plug-ins. Here, we have carefully prepared several practical plug-ins (mainly suitable for WePY).

Atom-beautify code formatting tool, you can set automatic formatting when saving, not to mention how convenient it is. Support for html,css,javascript,java,go and so on, but most common languages support it anyway.

Atom-wrap-in-tag automatically modifies the corresponding HTML closing tag, which is quite practical.

Autocomplete-paths automatically completes the file path, this function must be used, completely avoid the path input error caused by the bug.

Autoclose-html automatically enters the corresponding HTML closing tag, which is simple but practical.

Docblockr documentation comments, you know, essential plug-ins for team collaboration specification comments.

Double-tag allows you to edit both the opening and ending tags of html. If you add a HTML opening syntax, it will automatically follow the write-out ending syntax, such as typing the start, and automatically have the ending syntax.

Emmet can generate HTML based on Emmet syntax.

Language-vue enables the editor to support Vue syntax and highlight the code

File-icons is very simple, add a beautiful little icon for different types of files, which is a must for face control developers.

Linter can automatically overwrite and check the source code, generate warnings and errors, help standardize programming, based on real-time code analysis. HTML, CSS, SCSS, and JavaScript all have their own Linter. Even the framework has its own Linter.

Linter-jshint helps you write professional js code, and js developers must have plug-ins.

There is no need to introduce the plug-in minimap. I have been using it since sublime. Never forgotten.

Activate-power-mode this plug-in needless to say, cool knock code, installed * party must-have.

This is the answer to the question about how to support WePY in Atom. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel for more related knowledge.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.