uni-app 软件安装及使用

创建项目

uni-app支持通过 可视化界面、vue-cli`命令行两种方式快速创建项目。推荐使用可视化界面。
使用软件:官方提供的HbuilderX,可视化的方式比较简单,HBuilderX内置相关环境,开箱即用,无需配置nodejs。 下载地址
选择uni-app,输入工程名,点击创建,即可成功创建 uni-app。点击模板里的 Hello uni-app 即可体验官方示例。[注意:创建的项目需要放在左侧资源栏的根目录]

运行uni-app

注意:运行时可能会报某些插件未安装,需要在软件插件栏中找到对应插件并下载安装

1、浏览器运行【可以进行普通调试,(多端都支持下建议使用方便快捷,如果特殊功能只能对应设备/或对应软件)】:进入hello-uniapp项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。

2、真机运行:连接手机,开启USB调试,苹果端itunes,进入hello-uniapp项目,点击工具栏的运行 -> 真机运行 -> 选择运行的设备,即可在该设备里面体验uni-app。
3、在微信开发者工具里运行:进入hello-uniapp项目,点击工具栏的运行 -> 运行到小程序模拟器 ->微信开发者工具,即可在微信开发者工具里面体验uni-app。

如果是第一次使用,需要先配置小程序ide的相关路径,才能运行成功。 参照官网

发布uni-app

发布 参照官网

猜你喜欢

转载自blog.csdn.net/weixin_44640323/article/details/109095530