快應用一分鐘入門

快應用發(fā)布至今也有2周多了玉工,但是我發(fā)現好多剛開始接觸的同學,
不明白如何開始淫僻,今天這邊文章就是手把手教大家如何快速入門。
安裝node

官方給出了node的連接,但是這個連接下載下來是node的最新版本库正,最新版再運行小程序后續(xù)操作的話會報錯,官方給出了node版本的建議是V6.11.3版本
這里是nodeV6.11.3版本的下載連接,大家根據自己機器來選擇相應的安裝包進行安裝厘唾。

安裝快應用的開發(fā)環(huán)境

當node安裝成功后褥符,就可以安裝快應用的開發(fā)環(huán)境hap-toolkit,在命令行里面輸入
npm install -g hap-toolkit
等待安裝完成后 再輸入
hap -V
查看hap的版本抚垃,如果出現 正確的版本號后喷楣,則說明快應用的開發(fā)環(huán)境已經搭建好了趟大,你已經向成功邁出了一大步,是不是成功很簡單铣焊。^ _ ^

創(chuàng)建工程

將命令行切換到自己想創(chuàng)建工程的目錄下面逊朽,輸入
hap init <這里輸入工程名稱,建議使用英文曲伊,不要使用漢字>
然后就會生成下面這些文件

├── sign                      rpk包簽名模塊
│   └── debug                 調試環(huán)境
│       ├── certificate.pem   證書文件
│       └── private.pem       私鑰文件
├── src
│   ├── Common                公用的資源和組件文件
│   │   └── logo.png          應用圖標
│   ├── Demo                  頁面目錄
│   |   └── index.ux          頁面文件叽讳,可自定義頁面名稱
│   ├── app.ux                APP文件,可引入公共腳本坟募,暴露公共數據和方法等
│   └── manifest.json         項目配置文件岛蚤,配置應用圖標、頁面路由等
└── package.json              定義項目需要的各種模塊及配置信息

安裝依賴
再切換到你的項目目錄里面去
運行
npm install
編譯項目
運行
npm run build
編譯打包成功后婿屹,項目根目錄下會生成文件夾:build灭美、dist

  • build:臨時產出,包含編譯后的頁面js昂利,圖片等
  • dist:最終產出届腐,包含rpk文件。其實是將build目錄下的資源打包壓縮為一個文件蜂奸,后綴名為rpk犁苏,這個rpk文件就是項目編譯后的最終產出

自動編譯項目
如果希望每次修改源代碼文件后,都自動編譯項目扩所,請使用如下命令:
npm run watch

現在環(huán)境也搭建好了围详,代碼也搞出來,如何看到效果呢祖屏,大家不要著急這就剩下最后一步了

安裝rpk包

首先需要在手機里面安裝這兩個APK助赞,是兩個都要安裝的
快應用調試器.apk
快應用正式版預覽.apk
手機上兩個apk安裝完成后,就可以打開手機上的快應用調試器,
然后在命令行里面運行
npm run server
這時你會在命令行里面看到一個二維碼袁勺,用手機上快應用調試器里面的 掃碼安裝 掃描剛才生成的二維碼安裝即可

生成二維碼的時候會出現 生成亂碼雹食,這時候不要慌,復制上面生成的網址到瀏覽器即可期丰,掃描瀏覽器上面的二維碼也是一樣的效果

好了今天這個入門教程就到這里群叶,后續(xù)會講解更深入的課程
大家也可以去這里查看現在官方提供的API都能干什么都有什么作用
點我去看APIDemo
備注:首頁加載流量有點大,移動網絡慎點

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末钝荡,一起剝皮案震驚了整個濱河市街立,隨后出現的幾起案子,更是在濱河造成了極大的恐慌埠通,老刑警劉巖赎离,帶你破解...
    沈念sama閱讀 218,682評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異端辱,居然都是意外死亡梁剔,警方通過查閱死者的電腦和手機圾浅,發(fā)現死者居然都...
    沈念sama閱讀 93,277評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來憾朴,“玉大人,你說我怎么就攤上這事喷鸽≈诶祝” “怎么了?”我有些...
    開封第一講書人閱讀 165,083評論 0 355
  • 文/不壞的土叔 我叫張陵做祝,是天一觀的道長砾省。 經常有香客問我,道長混槐,這世上最難降的妖魔是什么编兄? 我笑而不...
    開封第一講書人閱讀 58,763評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮声登,結果婚禮上狠鸳,老公的妹妹穿的比我還像新娘。我一直安慰自己悯嗓,他們只是感情好件舵,可當我...
    茶點故事閱讀 67,785評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著脯厨,像睡著了一般铅祸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上合武,一...
    開封第一講書人閱讀 51,624評論 1 305
  • 那天临梗,我揣著相機與錄音,去河邊找鬼稼跳。 笑死盟庞,一個胖子當著我的面吹牛,可吹牛的內容都是我干的岂贩。 我是一名探鬼主播茫经,決...
    沈念sama閱讀 40,358評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼萎津!你這毒婦竟也來了卸伞?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,261評論 0 276
  • 序言:老撾萬榮一對情侶失蹤锉屈,失蹤者是張志新(化名)和其女友劉穎荤傲,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體颈渊,經...
    沈念sama閱讀 45,722評論 1 315
  • 正文 獨居荒郊野嶺守林人離奇死亡遂黍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年终佛,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片雾家。...
    茶點故事閱讀 40,030評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡铃彰,死狀恐怖,靈堂內的尸體忽然破棺而出芯咧,到底是詐尸還是另有隱情牙捉,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評論 5 346
  • 正文 年R本政府宣布敬飒,位于F島的核電站邪铲,受9級特大地震影響,放射性物質發(fā)生泄漏无拗。R本人自食惡果不足惜带到,卻給世界環(huán)境...
    茶點故事閱讀 41,360評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望英染。 院中可真熱鬧揽惹,春花似錦、人聲如沸税迷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽箭养。三九已至慕嚷,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間毕泌,已是汗流浹背喝检。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評論 1 270
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留撼泛,地道東北人挠说。 一個月前我還...
    沈念sama閱讀 48,237評論 3 371
  • 正文 我出身青樓,卻偏偏與公主長得像愿题,于是被迫代替她去往敵國和親损俭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,976評論 2 355

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,162評論 25 707
  • 1.環(huán)境搭建 1.1 基本環(huán)境 python下載 安裝成功后配置環(huán)境變量Path潘酗,使用包含python.exe的文...
    KaelQ閱讀 1,131評論 1 24
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理杆兵,服務發(fā)現,斷路器仔夺,智...
    卡卡羅2017閱讀 134,659評論 18 139
  • nil昂拂、Nil受神、NULL、NSNull的區(qū)別 nil:指向一個對象的空指針,對objective c id 對象賦...
    曹波波閱讀 347評論 0 0
  • 在對六尾鳴人放出的神羅天征被彈開后格侯,佩恩開始把六尾鳴人向村外的樹林引去路克。 “這真是最糟糕的狀況了,”我望著那兩個遠...
    章瑾熙閱讀 619評論 0 2