工具安装

开发uni-app需要安装HBuilder X. 下载地址:https://www.dcloud.io/hbuilderx.html

下载成功后直接解压即可

创建第一个uni-app

点击左上角【文件】>>【新建】>>【项目】,选择uni-app模板。

uni-app目录结构

目录结构基本和小程序的目录结构相似,只是多了个基础组件的文件夹;

uni-app有自己的插件库,直接点击安装即可,而且,它也支持npm包管理,点击【工具】>> 【插件安装】即可配置

好了,基本的安装工作就是这么多,下面我们看一下如何调试

调试

浏览器

uni-app支持多个端同时调试,这也是它最便捷的地方,首先看一下浏览器端的调试:

调试之前我们首先要配置一下你的浏览器的安装路径,默认HBuilder是检测不到的

点击【运行】>>【运行到浏览器】>> 【配置web服务器】

把浏览器的安装路径粘贴在里边即可

然后就能够调试了

参考原文链接:https://www.cnblogs.com/qisi007/p/10489176.html

最新文章

  1. OpenVirteX 安装
  2. winform实现word转换为PDF(.doc)
  3. [摘]PE中安装Windows 7/8
  4. 用shell求两个文件的差集
  5. RedHat Install
  6. Andriod docs加载速度慢的问题解决
  7. Javascript的动态运动(1)
  8. hdu 4284 深度优先搜索
  9. POJ-2386(深广搜基础)
  10. 动态SQL的执行,注:exec sp_executesql 其实可以实现参数查询和输出参数的
  11. vc++ internet
  12. pl/sql 的 put和put_line区别
  13. easyui tree 判断是否是叶子节点
  14. JavaScript高级程序设计:第二十一章
  15. JavaScript引用是如何工作的
  16. [国嵌攻略][068][tftp网络协议实现]
  17. C语言程序设计课程总结
  18. spring+shiro共享session完整小例子
  19. RC1015 cannot open include file 'atlres.h'
  20. selenium python选取下拉框中的值

热门文章

  1. 自定义View6 -塔防小游戏:第三篇防御塔随意放置+多组野怪
  2. golang开发:go并发的建议(完)
  3. gets,fgets,puts,fputs,scanf,printf的作用,联系和区别
  4. git中 gitignore 忽略文件操作
  5. redis 分布式锁 PHP
  6. Bootstrap中的dropdown、下拉选择框、dropdown-toggle
  7. LeetCode------斐波那契数列(2)
  8. 知识图谱-生物信息学-医学论文(BMC Bioinformatics-2022)-挖掘阿尔茨海默病相关KG来确定潜在的相关语义三元组用于药物再利用
  9. vscode删除卸载残余
  10. iptables介绍和基本使用