欢迎使用CSDN-markdown编辑器

MUI系列 – (一)

HBulider 已经出来很久了，作为一个国粉，必然要支持国货，加之mui便捷的效果，没有理由不分享给大家，先来看看它的优势：

• UI 框架应该有的基本功能，比如各种浏览器内核的适配，比如 touch/swipe 的封装，即使没有 swipe 也要能够方便接入别人的插件，目前敢放出来推广的框架都做到了这些

• 手机特有的 layout/交互/UI Pattern，有的框架会模仿 iOS 原生应用的 UI，有的专为 Android 而做，也有兼顾的，因为不管是 iOS 还是 Android 一年之后都会变换风格，所以 UI 框架默认提供的 UI 虽然重要（很多人很懒或者没有能力自己设计），但是提供的 UI 易以定制更重要。

• 上手难度和开发方式，是指 UI 框架内部是如何设计来满足你开发、增加新模块的需求的，比如你的 app 要增加一个侧边栏，分别对应几个栏目，要写什么代码，需不需要自己写代码。

• 最快的开发工具，五大助手大幅提升编码效率

• 绿柔主题，保护健康

• 最全的语法库

• 最全的浏览器兼容性数据

---

怎么用

进入http://www.dcloud.io/飞速开始编写mui

首先要有一款强大的 IDE

傻瓜式安装直接一步到底，当然可能有一些问题（比如：是否邮箱注册等等都是一样的）

试试

• 导航栏

  
  就是如此简单

• 快捷键
  1.文件(4)
  新建 Ctrl + N
  关闭 Ctrl + F4
  全部关闭 Ctrl + Shift + F4
  属性 Alt + Enter

  2.编辑(13)
  激活代码助手 Alt + /
  激活快捷键视图 Ctrl + Shift + L

  开启关闭注释整行 Ctrl + /
  开启关闭注释已选内容 Ctrl + Shift + /

  删除当前行 Ctrl + D
  删除当前标签 Ctrl + Shift + T
  删除至行首 Shift + Backspace
  删除至行尾 Shift + del

  合并下一行 Ctrl + Alt + J
  整理代码格式 Ctrl + Shift + F
  向下移动行 Ctrl + 向下
  向上移动行 Ctrl + 向上
  选中当前行 Ctrl + L

  3.插入(3)
  重复插入当前行或选中区域 Ctrl + Shift + R
  快速插入
  (在html中) Shift + Enter
  快速插入\n(在css或js中) Shift + Enter

  4.选择(4)
  向左选词 Ctrl + Shift + 向左
  向右选词 Ctrl + Shift + 向右
  选择相同词 Ctrl + Shift + A
  选择成对内容 Ctrl + ‘[‘

  5.跳转(9)
  上一个选项卡 Ctrl + Tab

  前一词 Ctrl + 向左
  后一词 Ctrl + 向右
  转到上一个文本输入点 Alt + 向上
  转到下一个文本输入点 Alt + 向下

  行首 Home
  行尾 End
  页首 Ctrl + Home
  页尾 Ctrl + End

  6.查找(8)
  搜索条 Ctrl + F
  搜索框 Ctrl + H
  查找文件 Ctrl + T
  隐藏搜索条 ESC

  聚焦到搜索条件框内 Ctrl + Alt + F
  聚焦到替换输入框内 Ctrl + Alt + E

  在搜索条内换行 Alt +Enter
  HTML标签规范 Ctrl + Shift + H

  7.运行(1)
  运行 Ctrl + R

  8.工具(1)
  CSS/HTML语法校验 Ctrl + Shift + V

  9.视图(6)
  活动视图或编辑器最大化 Ctrl + M
  显示行号菜单 Ctrl + F10
  激活边看边改视图 Ctrl + P
  激活开发视图 Ctrl + Shift + P
  全部折叠 Ctrl + Alt + -
  全部展开 Ctrl + Alt + +

HBulider的基本使用暂时先写到这里，下一节开始基本使用