Frame download
The official recommendation is to use the HBuilderX (App Development Edition) editor.
The visualization method is relatively simple. HBuilderX has a built-in related environment, which can be used out of the box without configuring nodejs.
https://uniapp.dcloud.io/quickstart
The style can be experienced by scanning the WeChat applet code, or you can download the source code and start the service locally.
github source code
https://github.com/dcloudio/uni-app
The way of using vue-cli was good at first, but later in order to use other plug-ins, I don't know which step of the operation went wrong, various errors were reported, and the lack of dependent reference files was troublesome. It may be a problem with various dependent versions.
https://ask.dcloud.net.cn/article/36286
hello uni-app has a UI template style, which is consistent with the style of the WeChat applet scan code experience.
The project created with the editor is very unreadable at first, and the project file structure is too simple, without node_modules and package.json files.
Later, I realized that I need to manually initialize npm
npm init -y
使用 elementUI
npm and u-element and -S
https://element.eleme.cn/#/zh-CN/component/installation
Project structure
https://uniapp.dcloud.io/frame?id=%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84
From this, start the happy H5 mobile terminal development.
Later, due to the use of the base64 plug-in, the error could not be resolved, and I changed back to vue-cli. Anyway, the project does not have a small program requirement, it is to do h5 embedded in the mobile terminal. toss.