【无标题】uni-app

目录：

一.HBuilder X介绍

二.安装HBuilder X

 三.uni-app项目结构

四.项目创建成功后，在不同的终端运行

五.uni-app组件的介绍

六.组件的作用

七.注册的三个方法

一.HBuilder X介绍

HBuilder X中的H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本，简称HX。HX是轻如编辑器，强如IDE的合体版本。

HX的特点：

轻巧，运行速度快，vue开发强化，小程序支持，markdown利器，界面清爽简洁，强大的语法提示，高效极客工具，更强的JSON支持。

HX的扩展性：

HX支持Java插件、node.js插件，并兼容了大部分vscode的插件及代码块。

支持通过外部命令方便地调用各种命令行功能，并设置快捷键。

支持快捷键导入。其他工具（如vscode或sublime）的快捷键，在“菜单”-->"快捷键"方案中可以切换。

二.安装HBuilder X

第一步：进入官网下载

 第二步：解压即可使用

第三步：安装插件

 

 三.uni-app项目结构

 components:uni-app组件目录

comp-a.vue:可复用的a组件

pages：业务页面文件存放的目录

index.vue:index主页面

list.vue:list页面

static：存放应用引用静态资源（如图片、视频等）的目录

main.js:Vue初始化入口文件

App.vue:应用配置，用来配置App全局样式以及监听应用生命周期

mainfest.json:配置应用名称、appid、logo、版本等打包信息

pages.json:配置页面路由、导航条、选项卡等页