(1)uni-app—初始化项目

2022/2/11 23:42:41

本文主要是介绍(1)uni-app—初始化项目,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一、uni-app介绍    官网

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。

二、环境搭建

安装编辑器HbuilderX(App开发版)  下载地址

安装微信开发者工具   下载地址

三、HbuilderX初始化创建项目

1.文件 > 新建 > 新建项目 > 选择uni-app > 填写名称和存储位置

 2.创建完成以后,会显示出一个基本的目录结构

 3.我们可以尝试运行在chrome浏览器中或者微信开发者工具中

注意:如果是第一次在微信开发者工具中运行,需要在编辑器中确定微信开发者工具文件所在位置,除此之外第一次创建可能不会成功,这时我们需要打开微信开发者工具中的服务端口。

 4.如果能启动成功会在微信开发者工具中显示uni-app界面



这篇关于(1)uni-app—初始化项目的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程