<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p> 1.新建項目: ctrl+N+W(web端) ctrl+N+A(移動端項目) 2.新建文件: 鼠標點擊目標目錄/項目目錄, ctrl+n+h(新建html文件) ctrl+n+j(新建js文件) ctrl+n+c(新建css文件) 3.打開文件夾項目在Hbuilder瀏覽: 直接拖拽進來 4.編輯經常使用快捷鍵 Hbuilder快捷鍵命令:ctrl+shift+L 邊看邊改模式:ctrl+p(打開) ctrl+shift+p(關閉) 新建文件:當前正在編輯位置按 ctrl+n+h(新建html文件) ctrl+n+j(新建js文件) ctrl+n+c(新建css文件) 換行符:shift+回車 「<br/>」 刪除行:ctrl+d 複製行:ctrl+c 跳轉行:ctrl+g 快捷搜索:ctrl+ctrl<!--關閉方法:工具>選項>hbuilder取消勾選雙擊Ctrl搜索--> 普通搜索替換:ctrl+f 高級搜索替換:ctrl+h 瀏覽文件:ctrl+r 選擇標籤區域:ctrl=[ 摺疊標籤區域:ctrl+alt+ '-' 打開標籤區域:ctrl+alt+ '+' 放大字體:ctrl+shiift '+' 通常用(ctrl+滾輪) 縮小字體:ctrl+ '-' 單行註釋:ctrl+? 多行註釋:ctrl+shift+? 區域註釋:ctrl+shift+b 編寫標籤免寫 <!--'<>'--> 光標移動:alt+箭頭 <!--例如:<input type="" name="" id="" value="" /> 或者用tab--> 到行首:home 導航尾:end 上翻頁:pageUp 下翻頁:pageDown 選中括號/引號內容:在括號或者引號一邊雙擊選中 <!--例如: <input type="button" name="" id="" value="" /> <div class="absolute"> </div> --> </p> <p id="scs"> 打開語法提示:工具>選項>hbuilder>語法效驗 emmet的使用: <a href=""></a> <img src="" alt="" /> <style type="text/css"> .a{ db:display: block; dn:display: none; oh:overflow: hidden; w:width: ; w10:width: 10px; h:height: ; mr: margin-right: ; bott: border-top: ; posa:position: absolute; posr:position: relative; @key||@kf ani } </style> 快捷方式查詢地址:<a href="http://emmet.evget.com/"></a> hbuilder快捷鍵自定義編輯: 工具>代碼塊>html||css||js: <script type="text/javascript" charset="utf-8"> /*document.getElementsByTagName("span")//dtag var c = document.getElementById("span").getContext("2d");//varc $("")//dl dqs:document.querySelectorAll("") document.querySelectorAll("boyd p")*/ // alert(document.querySelectorAll("#scs style")[0].innerHTML) //iE8以上都支持 // document.querySelector("")返回對象 // document.querySelectorAll("")返回一個集合 </script> hbuilder插件:svn git php less ftp 壓縮插件 最後:hbuilder 各類開發文檔 HTML5+ Native.js 5+SDK MUI </p> <!--博客園--> <!--建議把學習中遇到的問題寫在博客園中筆記中,方便之後查閱--> 常常逛的網址: csdn: <a href="http://www.csdn.net/"></a> 博客園:<a href="http://www.cnblogs.com/"></a> 前端網:<a href="http://www.w3cfuns.com/"></a> 大前端:<a href="http://www.daqianduan.com/"></a> </body> </html>