uni-app从入门到一 (一) uni-app安装与微信小程序安装步骤

uni-app介绍

uni-app是一个使用vue.js开发所有应用的框架,开发者只需要一套代码即可发布到Android、HS、iOS以及各种小程序端(微信、百度、QQ、支付宝)等;对于传统的方式,对不同的系统都需要各写一套项目,对于后期客户的需求变化,项目的扩展性与迭代开发效率就会大大降低。而uni-app就很强,一套代码、多端发行,大幅度提升开发效率!

下载HBuilder X app版

首先进入HBuilder X官网:https://www.dcloud.io/hbuilderx.html
选择相应的版本:点击下载—>选择APP开发版本下载
uni-app从入门到一 (一) uni-app安装与微信小程序安装步骤
下载完成后是一个压缩包文件,只需把压缩包解压放到指定的目录双击HbuilderX.exe运行即可
uni-app从入门到一 (一) uni-app安装与微信小程序安装步骤

下载微信开发者工具

下载安装好HbuilderX后,进入微信官方下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html选择稳定版进行下载安装
uni-app从入门到一 (一) uni-app安装与微信小程序安装步骤
进入微信小程序官网,首次登录需要注册页面(填写注册信息目的是回去appid)—>点击小程序进入—>登录成功在开发者设置中获取自己的appid
uni-app从入门到一 (一) uni-app安装与微信小程序安装步骤
—>打开微信小程序选择创建的项目名称,以及自己的appid(新版本需要填写appid才可创建项目)
uni-app从入门到一 (一) uni-app安装与微信小程序安装步骤
自此完成的uni-app框架的安装与微信小程序的安装