uni-app 有着跨平台支持、丰富的插件和生态系统、高性能、集成开发工具HBuilderX的配合使用。允许使用者仅通过一套代码发布到多平台使用。

uni-app官网
uni-app 是一个适合开发跨平台移动应用和小程序的框架，能够大幅提高开发效率。

一、了解

1.1 工具准备

1. 从Gitee中获取资源 uni-vue资源【记得npm install】

2. Node.js与Vue.js环境【我用的nvm管理的node版本】
   

3. 语言language-tools工具的下载【记的cmd后npm install】

   这是为了解决Webstrom中@vue/language-server启动失败
   或者是一些奇怪报错（明明配置好了，却标签报错的问题）
   

git clone https://github.com/vuejs/language-tools.git
cd language-tools
pnpm install

4. WebStrom或者Vscode编辑器 以及HbuilderX和微信开发者工具

a.插件下载> b. 配置> 语言服务器

1.2 基础教程

（1）此处appId写入

（2）package.json
dev 后项目下出现dist文件，我们需要前往微信开发者工具

（3）微信开发者工具

最终，就可以实现外部更好的编辑方式了