目录:
一.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:配置页面路由、导航条、选项卡等页