目录怎么做hbuilder怎么做登录界⾯_HBuilder如何安装和使⽤？（教程）HBuilder如何安装和使⽤？下⾯本篇⽂章给⼤家介绍⼀下HBuilder的安装和使⽤。有⼀定的参考价值，有需要的朋友可以参考⼀下，希望对⼤家有所帮助。
HBuilder是DCloud(数字天堂)推出的⼀款⽀持HTML5的Web开发IDE。【想要下载HBuilder或者更多⼯具，可访问：前端⼯具】
1、安装
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中⽂⽹ ！！
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论