uni-app入门1

1.下载HBuilderX

uni-app入门1_第1张图片

2.新建项目

uni-app入门1_第2张图片

3.目录结构

uni-app入门1_第3张图片

4.开发规范

为了实现多端兼容,综合考虑编译速度、运行性能等因素,uni-app 约定了如下开发规范:

  • 页面文件遵循 Vue 单文件组件 (SFC) 规范
  • 组件标签靠近小程序规范,详见uni-app 组件规范
  • 接口能力(JS API)靠近微信小程序规范,但需将前缀 wx 替换为 uni,详见uni-app接口规范
  • 数据绑定及事件处理同 Vue.js 规范,同时补充了App及页面的生命周期
  • 为兼容多端运行,建议使用flex布局进行开发

5.点击项目运行到浏览器

uni-app入门1_第4张图片

6.点击项目运行到手机(这里需要插入usb,设置调试模式,下一步)

uni-app入门1_第5张图片

7.点击项目运行到微信开发工具(这里需要 在微信开发工具设置=》安全=》服务端口=》打开)

uni-app入门1_第6张图片

嗯 先到这里。。。

老男孩视频

你可能感兴趣的:(webapp)