前端开发之从零开始的uniapp(1):创建uni-app项目

一、使用HBuilderX创建uniapp项目，并且命名为app(vue版本选择的是2)

二、创建好app项目之后我们了解一下它的结构(只说主要的，个人理解，如有错漏之处，敬请斧正)

1.pages：是写页面的地方，我们所有的页面才能组成一个完整的app，例如首页，登录，注册页面等

2.static：是放置静态资源的地方，例如我们的图片

3.app.vue：是整个uni-app项目的根组件，在这里写的样式以及组件会加载到每一个pages页面中

4.main.js：可以实例化Vue对象和在this上面挂载全局对象，以及加载项目中经常会用到的插件。例如：axios插件用来发送请求，加载uview框架插件和vuex仓库管理插件等

5.manifest.json：这个文件就是app的配置文件，例如图标还有app启动时显示的页面，以及打包功能的配置等

三、了解完文件结构之后，我们先将他运行起来，HBuilderX的上面有运行按钮，点击运行到手机或模拟器，然后选择运行到Android app基座，可以使用真机连接数据线也可以使用模拟器，我这边是使用夜神模拟器，推荐使用模拟器，但是需要配置一些东西(这里先不介绍配置问题，有需要再单独出一期)

四、成功创建好我们的第一个uni-app，模拟器打开如下所示

前端开发之从零开始的uniapp(1):创建uni-app项目相关推荐

Uniapp+Nodejs实现外卖App项目1-项目介绍
项目介绍本项目采用uniapp和nodejs(数据接口).mongodb等技术实现了一个类似美团外卖的简易APP.项目主要目的是为了快速上手,如何快速使用uniapp开发一个app项目,同时掌握一些 ...
如何开发出一款仿映客直播APP项目实践篇 -【服务器搭建+推流】
如何开发出一款仿映客直播APP项目实践篇 -[原理篇] 如何开发出一款仿映客直播APP项目实践篇 -[采集篇 ] 如何开发出一款仿映客直播APP项目实践篇 -[服务器搭建+推流] 如何开发出一款仿映客 ...
使用sublime创建Android APP项目
<span style="color:#333333">使用sublime编码工具制作Android APP的前提是要安装好APICloud相关的插件</span ...
java的关键业绩指标_SpreadJS前端开发案例：如何利用Javasrcipt创建财务关键业绩指标表...
下面的示例展示了如何使用SpreadJS创建商业关键业绩指标表单, 例如财务关键业绩指标表单. 这个示例主要使用了公式,单元格格式和条件格式, 以及使用fromJSON加载预定义的模板. 注意,多个表 ...
基于HBuilderX创建移动app项目并利用mui实现简单页面跳转
刚开始学,听老师讲了一些介绍,要求我们做一个页面跳转,当时内心真的是万马奔腾,他的是使用什么icon的来实现的,但是我没看不懂怎么实现页面跳转的,就使用了mui来做了.百度了很多内容,杂七杂八的,所以 ...
uniapp 网易云音乐app项目总结
常用组件的使用 https://blog.csdn.net/qq_43604714/article/details/117962805 对uni.request进行封装 https://blog.cs ...
web前端开发是干嘛的？
相信这里大多数同学都知道web前端开发的作用,但也不乏有一些同学不是很了解,今天小千就来用最简单的方式给大家介绍一下web前端. 标题web前端 web前端是创建WEB页面等前端界面呈现给用户的过程, ...
前端开发体系建设日记
前端开发体系建设日记 · Issue #2 · fouber/blog https://github.com/fouber/blog/issues/2 上周写了一篇文章介绍前端集成解决方案的基本理 ...
在5个月内从Carpenter到前端开发人员
by Andrew Charlebois 通过安德鲁·沙勒波瓦在5个月内从Carpenter到前端开发人员 (From Carpenter to Front End Developer in und ...

前端开发之从零开始的uniapp(1):创建uni-app项目

前端开发之从零开始的uniapp(1):创建uni-app项目相关推荐

最新文章

热门文章