IoT小程序体验(1)

简介: IoT小程序体验(1)

前言

读前提示:笔者非前端工程师,本文为基于IoT小程序文档,进行环境搭建的体验文章,体验为主,因此文章大纲参考IoT小程序文档。此外,相关体验环境为Windows,文章相关略写部分,请参考IoT小程序文档(文档描写更清楚,不再重复叙述)。

IoT 小程序框架介绍及产品演示

快速开始

开发环境安装

  • 安装NodeJS(必须)/安装cnpm(推荐)/安装VSCode 开发IDE(推荐)

  • 安装框架脚手架

cnpm i aiot-vue-cli -g

笔者在这里遇到了第一个问题。

问题描述:笔者通过 cnpm i aiot-vue-cli -g 安装框架脚手架出现下图警告,以为报错,排查半天。

解决方案:无,好像仅仅只是警告,不是报错。

查看aiot-cli版本号

此步骤可能会提示Cannot find module 'prompts'等,解决办法就是提示缺少什么模块就安装,比如cnpm install -g prompts。

成功安装界面

  • 模拟器下载

成功运行该模拟器


    Windows使用 斜杆/ 作为DOS命令提示符的参数标志了,为了不混淆,所以采用 反斜杠\ 作为路径分隔符。  这里的./appx.exe有问题吧,因改为.\appx.exe

开发插件

编译Debug版本时,一直在执行下面命令。

不知道是不是我网络不好,执行了两三个小时,“网公”不做美,就此结束体验。


补充

  • VUE前端开发知识

Vue是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router:跳转,vue-resource:通信,vuex:管理)或既有项目整合。

Vue是一款渐进式JavaScript框架,所谓渐进式就是逐步实现新特性的意思,如实现模块化开发、路由、状态管理等新特性,其特点是综合了Angular(模块化)和React(虚拟 DOM)的优点。

  • HDMI是什么

高清多媒体接口(High Definition Multimedia Interface,简称HDMI)是一种全数字化视频和声音发送接口,可以发送未压缩的音频及视频信号。HDMI可用于机顶盒、DVD播放机、个人计算机、电视、游戏主机、综合扩大机、数字音响与电视机等设备。HDMI可以同时发送音频和视频信号,由于音频和视频信号采用同一条线材,大大简化系统线路的安装难度。

目录
相关文章
|
JavaScript 前端开发 小程序
HaaS UI - 轻量级IoT小程序解决方案
HaaS UI是一套应用在HaaS硬件上的轻量级IoT小程序解决方案,支持AliOS Things内核,支持用JS开发UI应用,同时也支持Native App(不做主要推荐)。
HaaS UI - 轻量级IoT小程序解决方案
|
8月前
|
小程序 JavaScript 物联网
搭建IoT小程序开发环境,创建一个应用
通过实验,了解阿里云IoT小程序应用的开发调试环境,以及如何创建新的应用并在PC模拟器上进行预览调试。
298 2
|
8月前
|
编解码 小程序 JavaScript
阿里云IoT小程序应用开发和组件实践
通过实验,了解阿里云IoT小程序的应用开发的方法,了解其内置的基础组件使用,以及基于Vue.js实现可复用的自定义组件的方法。
348 1
|
数据采集 小程序 前端开发
IoT小程序在展示中央空调采集数据和实时运行状态上的应用
IoT小程序框架在跨系统平台(AliOS Things、Ubuntu、Linux、MacOS、Window等)方面提供了非常优秀的基础能力,应用的更新升级提供了多种方式,在实际业务开发过程中可以灵活选择。IoT小程序框架通过JSAPI提供了调用系统底层应用的能力,同时提供了自定义JSAPI扩展封装的方法,这样就足够业务开发通过自定义的方式满足特殊的业务需求。 IoT小程序在前端框架能力、应用框架能力、图形框架能力都进行了适配和优化。那么接下来,我们按照其官方步骤搭建开发环境,然后结合中央空调数据采集和状态显示的实际应用场景开发物联网小程序应用。
23696 6
IoT小程序在展示中央空调采集数据和实时运行状态上的应用
|
小程序 IDE JavaScript
五分钟上手IoT小程序
简要讲述IoT小程序安装操作以及后续开发操作
五分钟上手IoT小程序
|
Web App开发 移动开发 小程序
|
自然语言处理 小程序 IDE
参与IoT小程序框架评测,赢神秘好礼🎁
写下你的使用体验,就有机会获得CHERRY机械键盘、有道词典笔、定制云小宝手办、阿里云开发者社区评测官奖杯、30元猫超卡等多重好礼!
参与IoT小程序框架评测,赢神秘好礼🎁
|
小程序 物联网 开发者
《开发者评测》之IoT小程序框架评测活动获奖名单
IoT小程序框架评测活动获奖名单出炉啦!
《开发者评测》之IoT小程序框架评测活动获奖名单
|
小程序 搜索推荐 物联网
IoT 小程序开发及刷脸支付实现
从设备角度上说,IoT 小程序也是一种实现 IoT 设备二次开发的方法。类似支付宝小程序,IoT 小程序开放了一系列的 API 和组件。开发者可以快速开发一个IoT 小程序,定制 IoT 设备功能,满足各行业个性化的需求。
IoT 小程序开发及刷脸支付实现
|
3天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。

热门文章

最新文章