农民 发表于 6 天前

uni-app的学习

uni-app 有着跨平台支持、丰富的插件和生态系统、高性能、集成开发工具HBuilderX的共同利用。允许利用者仅通过一套代码发布到多平台利用。
   uni-app官网
uni-app 是一个得当开发跨平台移动应用和小步伐的框架,可以大概大幅提高开发服从。
https://i-blog.csdnimg.cn/direct/56ea0552ebaf4b31bba3ba60e437786f.png
一、了解

1.1 工具准备


[*] 从Gitee中获取资源uni-vue资源【记得npm install】
[*] Node.js与Vue.js环境【我用的nvm管理的node版本】
https://i-blog.csdnimg.cn/direct/372120bbd94a4afaabfb82c2683add58.png
[*] 语言language-tools工具的下载【记的cmd后npm install】
这是为了解决Webstrom中@vue/language-server启动失败
或者是一些奇怪报错(明明配置好了,却标签报错的问题)

git clone https://github.com/vuejs/language-tools.git
cd language-tools
pnpm install
https://i-blog.csdnimg.cn/direct/a17d19c046b14708be63e4b31d98ef67.png
4. WebStrom或者Vscode编辑器 以及HbuilderX和微信开发者工具
   a.插件下载https://i-blog.csdnimg.cn/direct/5093102f73f346569217b6f9e8128907.png> b. 配置https://i-blog.csdnimg.cn/direct/4c03ed49aac5424eb0eecd5123b57fe1.png> 语言服务器https://i-blog.csdnimg.cn/direct/80b1f305a9014098885c170e508be3f6.png
1.2 基础教程

   (1)此处appId写入
https://i-blog.csdnimg.cn/direct/2651053e4ebf4231a2e6b0c887ab5905.png
(2)package.json
dev 后项目下出现dist文件,我们需要前往微信开发者工具
https://i-blog.csdnimg.cn/direct/f3ff0975e29f44b78cebb90cf76ff7b5.png
(3)微信开发者工具
https://i-blog.csdnimg.cn/direct/caf9af814b374c2ebaee3d31fc9c092c.png
最终,就可以实现外部更好的编辑方式了
https://i-blog.csdnimg.cn/direct/d8b058575a9c460cacd00fd7f80c4e82.png

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: uni-app的学习