Create your own plug-in and test run it without any framework under UXP plug-in development

In the previous article "UXP plug-in development environment construction and program trial operation under the vue framework under Windows", a UXP development environment was built using the vue framework for development, and the official case plug-in was added directly to the UDT, as follows What I want to say is to create and test run your own UXP plug-in program without using any js framework. In this way, even if you don’t understand vue or react, you can directly use html+css+js for UXP development. Let’s get to the point (as Memo, if I can help you by the way, I hope you can give me a like):

1. Open your own UDT and click Create Plug-in:

2. Then a window will pop up. I filled this window like this, as shown in the picture:

3. There are several options in the last option Template in the picture above: 

Numbers 1, 2, and 4 can be run without installing additional frameworks. The third one requires the react framework. Here I choose the second one.

4. After filling in, click

 Then select the folder where you want to place the new plug-in project file

5. After success, this picture will pop up:

If it fails, you can check the log information of UDT to find the reason.

6. Open PS and check the developer mode (if you don’t know how, you can read my previous article), then return to the UDT main interface and look at this picture:  select the newly created plug-in, and select load in the three dots on the right.

7. Finally, the plug-in runs successfully, as shown in the figure:

Note: There is a watch.sh in the created plug-in source file directory . If you don’t want to reload every time you modify the code, then you can run it in the command line, and then click watch in the three dots to the right of the UDT. .

Guess you like

Origin blog.csdn.net/jnbbwyth/article/details/129394632