Hbuilder經常使用快捷鍵功能.html

<!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>
相關文章
相關標籤/搜索