hbuilder怎么做登录界面_HBuilder如何安装和使用?(教程)
HBuilder如何安装和使用?下面本篇文章给大家介绍一下HBuilder的安装和使用。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。【想要下载HBuilder或者更多工具,可访问:前端工具】
1、安装
1)、官网下载地址:http://www.dcloud.io/
2)、安装:解压zip文件到指定目录
3)、运行安装文件下的exe文件
4)、第一次使用需要登录(可选),不登录的话每次都会提示该窗口
2、使用
HBuilder在Eclipse的基础上添加和删除了很多插件。
2.1 创建项目
HBuilder没有“工作空间workspace”的概念,其创建的项目,可以指定到任意位置。
HBuilder只能创建“WEB项目”和“移动APP”两种项目。
1)、依次点击文件→新建→选择Web项目(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击Web项目))
2)、填写项目名称,选择项目位置
3)、创建完成,点击项目查看目录结构
2.2、创建HTML页面
1)、在项目资源管理器中选择刚才新建的项目,依次点击文件→新建→选择HTML文件(按下Ctrl+N,W可以触发快速新建(MacOS请使用Command+N,然后左键点击HTML文件))
2)、选中文件位置,编写文件名称,选中文件使用版本
3)、创建完成,自动生成html模板
2.3、快速提示
HBuilder特点,需要输入触发字符,就可以快速的提示需要的内容。
l
l h+8:html模板,先按h,再按8
l in:创建input标签;int:创建文本框;insu:创建添加按钮
l t+enter:创建表格
l s+enter:js模块
l s+2:js引入文件
l fun+3:创建js函数
3、快捷键
3.1 常用快捷键
l ctrl+向上:向上移动一行代码
l ctrl+向下:向下移动一行代码
l ctrl+r:运行
l ctrl+shift+r:复制当前行,或复制选中区域
l ctrl+/:添加或移除单行注释
l ctrl+shift+/:添加或移除块注释
l ctrl+enter:任意位置向下插入一行
l shift+enter:html页面插入
l ctrl+shift+x:全部大写
l ctrl+shift+y:全部小写
l ctrl+f:查询
l ctrl+p:边敲边看
l ctrl+d:删除选中行
l ctrl+shift+f:整理代码行
l ctrl+shift+c:复制文件路径
l ctrl+shift+t:删除当前标签
3.2 具体快捷键查看
Ø 点击左下角图标
Ø 选中“快捷键列表”
Ø 查看快捷键
Ø 点击其他区域,快捷键列表自动隐藏,点击左下角图标可以继续查看显示
Ø 如果希望快捷键列表成为固定窗口,点击图标右键,取消“快速视图”勾选
Ø 将显示在右边区域
更多web开发相关知识,请查阅 HTML中文网 !!
hbuilder怎么做登录界面_HBuilder如何安装和使用?(教程)相关推荐
- hbuilder怎么做登录界面_hbuilder 第三方登录实例
hbuilder 第三方登录实例 微信.QQ第三方登录的具体实现 之前的文章已经说了相关manifest参数配置,在开发环境中相关sdk第三方登录那里的配置appid可以先随便写,因为hbuilder ...
- hbuilder怎么做登录界面_新手会计不懂如何报税?一套标准网上报税流程演示,教你怎么纳税申报...
小张刚做会计没多久,就赶上公司要进行纳税申报,小张这次慌了神!自己做账刚入门,报税这块完全没接触过,怎么弄? 小张在做会计的朋友指导下完成了这次申报,一起看看是怎么操作的吧! 网上纳税申报标准流程 一 ...
- androidstudio做登录界面_Vue-cli+Element-ui实现后台管理系统(二)实现后台登录功能...
前言 接上文,本文主要讲解vue+element-ui后台管理系统的登录功能的实现,api接口这块如果对后端技术以及node的实现不太了解的情况下,可以写出假数据进行模拟操作~ 一.创建登录文件并配置 ...
- 怎么用Android做登录界面,利用Android怎么制作一个APP登录界面
利用Android怎么制作一个APP登录界面 发布时间:2020-12-02 17:09:10 来源:亿速云 阅读:79 作者:Leah 这期内容当中小编将会给大家带来有关利用Android怎么制作一 ...
- C#在一个form中改变另一个form中控件的内容、C#做登录界面并且密码显示为*
C#中在一个窗体中改变另外一个窗体中控件的显示 这个问题可以用来改变messageBox中默认显示的"确定",可以使用此方法重新写一个窗体,显示OK: 方法: 1.将要改变的for ...
- 用java做登录界面_求用JAVA编写的登陆界面!
展开全部 这是我刚做的,JAVA布局与其它语言相比难度较大,建议你将两张图片PS成一张图片,做32313133353236313431303231363533e4b893e5b19e313332393 ...
- Android Studio做登录界面
文末有代码和图片 知识点1: 五大布局: FrameLayout 帧布局 LinearLayout 线性布局 RelativeLayout 相对布局 TableLayout 表格布局 Constrai ...
- cz80可以做Linux系统嘛,MyCloud安装黑裙教程(高阶玩家版),本帖长期更新.........
开篇先感谢俄罗斯大神fox_exe为MyCloud所做的贡献, 以及olderzeus制作的usbboot Linux.这一天终于来了! 首先说MyCloud黑裙现在的缺点 1.不能无损数据安装,因为 ...
- MySQL数据库常用图形化操作界面——Navicat的安装与使用教程详解
目录 一.Navicat介绍 二.Navicat的安装教程 三.Navicat连接MySQL 一.Navicat介绍 Navicat是一套快速.可靠的数据库管理工具,Navicat是以直觉化的图形用户 ...
最新文章
- jquery打开页面
- 做好项目,从正确定义问题开始!
- [Xilinx]Xilinx ISE14.2中调用文本编辑器NotePad++设置方法
- Babel的使用及其工作原理
- 使用VC6.0开发COM组件 - 傻瓜式,不讲理论,只讲实例
- linux时间界面返回,Android开发教程:游戏过程中按Home键后返回游戏界面
- 【Spring开发】—— Spring Core
- python的设计模式
- 抽象代数之幂零群的两种等价表示即上中心列和下中心列
- 一文读懂PCB品质体系认证
- 魔百盒九联UNT402H,(芒果、南传、百视通)等通刷刷机固件
- tenda无线网卡Linux驱动,腾达(Tenda)W311MI V2.0网卡驱动(LINUX)
- 找不到驱动程序类,加载驱动失败,连接数据库失败
- Nginx系列:windows10系统下安装nginx的安装并配置!
- 【BZOJ3503】【Cqoi2014】和谐矩阵 高斯消元,解异或方程组
- 快手国际版Kwai测试海外电商直播,社交App的尽头是直播电商?
- 6_3.信道与信道容量
- Android Studio 全局搜索中文字符
- 牛客寒假算法基础集训营_I炫酷镜子(模拟)
- atx860和java_捷安特XTC800和ATX860有什么区别