uni-app开发之编辑器HBuilderX（一）

前言：一直想要研究uni-app，苦于没有合适的项目和时机，最近帮同事解决一些小程序的bug，终于下定决心好好整理一下笔记，开始入坑uni-app

一、编辑器（HBuilderX）

uni-app需要真机模拟，所以使用专业的编辑器会事半功倍。

1、下载地址：HBuilderX-高效极客技巧（建议使用正式版----app开发版）

说明：Alpha更新频率高，不稳定，所以最好下载正式版

标准版可用来开发web，和vs code 、webstrom差不多，要运行uni-app需要装对应插件

App版装了很多App/Uni-app的插件，开箱即用

2、安装，下载后直接解压到某个文件夹，双击下面的图标即可使用，或者发送快捷图标到桌面

3、使用，双击图标

首次进入会让你勾选主题，还有你自己熟悉的快捷键方案（这个真是太赞了，之前习惯用vs code）

4、新建项目

文件----新建----项目，选择你想要的类型，输入项目名称即可，当然如果有现成的git或svn地址，可点击左下角进行导入项目。

可参考uni-app官网

备注：若用vue-cli创建项目出现问题，请参见我的另一篇文章

使用vue-cli创建uni-app的常见问题_谭鱼鱼儿的博客-CSDN博客

uni-app开发之编辑器HBuilderX（一）相关推荐

uni app 开发微信小程序及上线体验
uni app 开发微信小程序及上线体验项目创建及微信小程序AppId的申请本次开发的是电商类的微信小程序,这里用到的是HBuilderX这个编辑器.之前用的Visual Studio Code ...
记录uni.app开发微信小程序中地图的使用,以及项目中的解决办法
标题先讲一下需求:需要获取用户的地址信息以及经纬度,并在地图中展示时出来 uniapp官方也提供了api uni.getLocation(OBJECT) getLocation只能获取用户的经纬度,不 ...
uni.app开发物联网小程序
1.当切换页面的时候,容易与mqtt服务器断开连接,并报错原因:在onLoad事件中,获取参数的时候使用异步获取,但是在事件里面还使用了这个参数,导致mqtt发布的时候,发了一个空主题,导致连接被断 ...
天府一品茶叶商城平台 uni app 开发总结 H5商城
天府一品问题总结问题一: 按钮加上border-radius会发现外层有个长方形线问题二: 如何文章页和文章详情页传值问题三: 引入echarts 参考资料: 问题四: 解析markdown ...
小程序个性签名，uni app 开发横屏
兄弟们,一行代码都不需要敲,直接复制张贴,就能用兄弟们,一行代码都不需要敲,直接复制张贴,就能用点击展示签名的组件 sign-canvas.vue 跳转到配置了横屏属性的写签名页 canvas ...
(二)01- DCloud平台 HTML5+ App开发——真机调试运行夜神模拟器运行HBuilderX中的html文件夜神模拟器运行App的基础功能示例-手机设备-分享功能-拍照功能
DCloud 平台 HTML5 + App 开发下载安装 HBuilderX 下载地址:https://www.dcloud.io/hbuilderx.html HBuilderX-使用步骤: 第一 ...
HbuilderX:uni app踩坑之uView-ui
HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...
第4章初识HbuilderX之移动前端App开发
本人学习vue的根本目标是为了让手机移动端的(前端)App通过跨域(Cors)操作和与后端的已经部署在IIS中的.Net(Core)6程序进行数据交互操作,并通过交互操作获取数据后在让手机移动端的(前 ...
切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app 调用网络打印机_uni-app 的使用体验总结
[实践] uni-app 的使用总结最近使用 uni-app 的感受. 使用体验没用之前以为真和 Vue 一样,用了之后才知道.有点类似 Vue 和小程序结合的感觉.写类似小程序的标签,有着小程 ...

uni-app开发之编辑器HBuilderX（一）

uni-app开发之编辑器HBuilderX（一）相关推荐

最新文章

热门文章