Touchbar Pet(MAC的Touch Bar觸控欄養(yǎng)寵物)中文 / 3.3M
寫作貓mac版v1.0.3 官方最新版中文 / 99.9M
Smart Switch三星S換機(jī)助手mac版v4.3.22063中文 / 31.4M
壹寫作mac版v4.9.3 官方最新版中文 / 31.4M
mac字體管家(Suitcase Fusion 5)V16.2.5官方英文 / 85.8M
balenaEtcher(MACU盤啟動盤制作工具)v1.18.中文 / 85.2M
Tampermonkey For MacV4.10.6108官方中文版中文 / 9.5M
mac屏幕測試工具(PiXel Check)V1.3官方最新英文 / 473KB
hbuilder mac版是一款專業(yè)的HTML 5編輯器,這款軟件引入了“快捷鍵語法”的概念,巧妙地解決了困擾許多開發(fā)者的快捷鍵過多而記不住的問題。hbuilder mac版能大幅提升開發(fā)效率,對程序員也設(shè)計了更人文關(guān)懷的UI,它包括最全面的語法庫和瀏覽器兼容性數(shù)據(jù)。HBuilder是面向追求效率的極客開發(fā)者的,比如HBuilder強(qiáng)調(diào)的手不離鍵盤、飛一樣編碼。
以“快”為核心的HBuilder,引入了“快捷鍵語法”的概念,巧妙地解決了困擾許多開發(fā)者的快捷鍵過多而記不住的問題。開發(fā)者只需要記住幾條語法,就 可以快速實(shí)現(xiàn)跳轉(zhuǎn)、轉(zhuǎn)義和其他操作。比如alt+[是跳轉(zhuǎn)到括號,alt+’是跳轉(zhuǎn)到引號,alt+字母是跳轉(zhuǎn)菜單項,而alt+左則是跳轉(zhuǎn)到上一次光標(biāo) 位置。而Ctrl則是各種操作,比如ctrl+d就是刪除一行。shift則是轉(zhuǎn)義,比如shift+回車是<br/>,shift+空格 是 。
另外,HBuilder的生態(tài)系統(tǒng)可能是最豐富的Web IDE生態(tài)系統(tǒng),因為它同時兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術(shù)都有Eclipse插件。
HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫,它基于Eclipse,所以順其自然地兼容了 Eclipse的插件。但因為Java效率太低,所以用C寫了啟動器。HBuilder柔和的綠色界面設(shè)計需要動態(tài)調(diào)節(jié)屏幕亮度,它還支持手機(jī)數(shù)據(jù)線真機(jī) 聯(lián)調(diào),而這些都是用C寫的。
HBuilder很多界面,比如用戶信息界面都是使用Web技術(shù)來做的,既漂亮,開發(fā)起來又快。最后,代碼塊、快捷配置命令腳本,都是用Ruby開發(fā)的。
代碼輸入法:一個數(shù)字鍵,少敲10個按鍵;
代碼塊:一個代碼塊,少敲50個按鍵;
模糊匹配:跳著敲字母就能匹配到單詞;
內(nèi)置emmet,tab一下生成一串代碼;
智能補(bǔ)齊:感知你的意圖,自動完成輸入;
跳轉(zhuǎn)助手、選擇助手,不用鼠標(biāo),手不離鍵盤;......
才比別的工具快5倍?對極客而言,追求快,沒有止境!
啟動HBuilder;
在菜單欄中選擇“文件”-> “新建”->“移動App”(快捷鍵Ctrl+N A),打開“創(chuàng)建移動App”對話框,在應(yīng)用名稱中輸入“HelloWorld”;
注意新建移動App需要聯(lián)網(wǎng)分配一個appid,在真機(jī)聯(lián)調(diào)、打包發(fā)行時都需要這個ID,所以不聯(lián)網(wǎng)無法創(chuàng)建移動App。
創(chuàng)建完成后,會在項目管理器中顯示新建的“HelloWorld”項目
manifest.json
在項目管理器中雙擊“manifest.json”文件,打開應(yīng)用配置頁面:
對于要打包的原生應(yīng)用而言,其各種配置均在此處。具體配置教程見:Manifest.json文件配置,或者點(diǎn)擊配置頁面上的“manifest文件配置指南”鏈接。
調(diào)用HTML5+ API
在項目管理器中雙擊“index.html”文件(快捷鍵Ctrl+T 然后輸入in選擇文件回車),對于HTML5+應(yīng)用的頁面有一個很重要的“plusready”事件,此事件會在頁面加載后自動觸發(fā),表示所有HTML5+ API可以使用,在此事件觸發(fā)之前不能調(diào)用HTML5+ API,所以應(yīng)該在此事件回調(diào)函數(shù)中調(diào)用頁面初始化需要調(diào)用的HTML5+ API,而不應(yīng)該在onload或DOMContentLoaded事件中調(diào)用:
<!DOCTYPE html><html><head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>Hello world</title> <script type="text/javascript"> // 擴(kuò)展API是否準(zhǔn)備好,如果沒有則監(jiān)聽“plusready"事件if(window.plus){ plusReady();}else{ document.addEventListener( "plusready", plusReady, false );}// 擴(kuò)展API準(zhǔn)備完成后要執(zhí)行的操作function plusReady(){ var ws = plus.webview.currentWebview(); //pw回車可輸出plus.webview // ... code} </script> </head> <body></body></html>
編輯程序啟動后默認(rèn)顯示的頁面index.html,在頁面中添加一個按鈕,點(diǎn)擊后將打開新頁面加載“<http://m.csdn.net/>”,為了實(shí)現(xiàn)此功能,我們需要用到HTML5+擴(kuò)展API中plus.webview.createWebview()方法創(chuàng)建窗口:
編輯完成后,按Ctrl+S鍵保存。
特別說明
聲明:西西軟件園為非贏利性網(wǎng)站 不接受任何贊助和廣告