快應用發(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
備注:首頁加載流量有點大,移動網絡慎點