Native Script 教你學識寫APPS

Native Script可以幫本身識寫網頁,而從來未學過寫Apps嘅人去快速製造一隻Android 和IOS 。


通常一間公司開發完網頁一般都要跟手做隻相關的Apps ,如果公司的Programmer只識寫網頁唔識得寫Apps,唔通佢一定去學寫Apps?但係地球一日先得24小時,勤奮嘅員工每日返工放工冇左12個鐘,試問仲有幾多時間去學寫?而且Apps主要分為Android 同IOS,兩種寫法南轅北轍,要學懂真係需要頗長嘅時間。

今日介紹嘅Native Script可以幫本身識寫網頁,而從來未學過寫Apps嘅人去快速製造一隻Android 和IOS 。

Native Script 是一個運行環境可以讓用家通過Java Script 和 CSS簡單地去製作iOS 和 Android應用程式,對於Web Programmer 來講用Native Script 可以節省學習和製作時間,對於公司則可以提升效率,務求用最短嘅時間來製造最多嘅產品來獲取利潤。

介紹點樣安裝Native Script之前,最好先要安裝Android Studio 及X code並安裝所需要的工具(詳細可以參考: https://docs.nativescript.org/start/ns-setup-os-x)。由於X code 只能安裝係Mac系列電腦,所以建議使用 Mac 機工作環境,以下會用Mac作示範。另外必須要安裝Node.js 8.0以上,如未安裝可根據以下指令去安裝:

打開於Mac 的Terminal 輸入以下嘅指令,
– brew update
– brew install node@8

 

執行測試iOS前所需要嘅工具:

於Mac 的Terminal 輸入以下嘅指令
– sudo gem install xcodeproj
– sudo gem install cocoapods

 

執行測試Android前所需要嘅工具:

安裝 Android SDK 22 或更新的版本,最好安裝最新版。

一切準備好就可以開始安裝Native Script,執行以下指令安裝Native Script:
– npm i -g nativescript

安裝後可以用 “tns doctor” 檢查是否配置正確。

然後可以開始創建應用程式:

  1. 首先建立一個放置Apps 的文件夾,例如:Documents/Apps
  2. 執行下列指令:
    – cd documents/Apps
    – tns create first_apps

 

(Native Script 可使用typescript或AngularJS 製作,若用typescript 時於創建文件夾時用“tns create first_apps –tsc”, 而用Angular 則 “tns create first_apps –-ng”)

  1. 裝完成後會有一個first_apps文件夾建立, 用 “cd” 指令到first_apps 文件夾。
    – cd first_apps

現在已經準備好在模擬器上執行應用程序了,你可以輸入指令去測試執行Android:

請先已經輸入: export ANDROID_HOME=/usr/local/share/android-sdk(安裝android-sdk的位置)
– tns run android

IOS:

如果Android和iOS模擬器都成功執行Native Script 預設應用程式,證明已經安裝成功,之後可以開始編寫Apps。
下一篇會講解Native Script app的檔案結構及編寫。

 

What's Your Reaction?

cute cute
1
cute
scary scary
1
scary
confused confused
1
confused
fun fun
4
fun
love love
2
love
lol lol
1
lol
omg omg
1
omg
win win
2
win
Oliver

一個有近十年經驗的IT人,做過System Engineer亦做過Networking最後做了Programmer。

More From: 生活消閒

You may also like

Choose A Format
圖文格式
以文字配圖片說故事
加載視頻
上載任何形式的視頻