
今天,我將向你們展示如何設定iPad,讓它成為你們的開發環境,雖然我不建議你用它來執行非常大的專案,但我可以肯定地說,小專案也可以很容易地執行,您可以自己繼續測驗環境的限制,
首先,我們將使用App Store上的一款iPhone和iPad都可以使用的免費應用程式,該應用程式名為iSH shell,運行Linux作業系統,因此,如果您不習慣Linux命令,我建議您學習基礎命令,
我還建議您在繼續學習本教程之前學習如何使用vim,因為我們將在iPad上使用vim作為我們的主要代碼編輯器,Vim有一個陡峭的學習曲線,但由于它使用了大量的鍵系結,可以幫助您在編碼時提高效率,
讓我們開始吧!首先從app store下載iSH shell,就像我之前提到的,它是完全免費的,你不需要為任何東西付費,現在打開應用程式并鍵入此命令來安裝包管理器,這樣就可以安裝諸如node和python之類的包了,
wget http://dl-cdn.alpinelinux.org/alpine/v3.12/main/x86/apk-tools-static-2.10.5-r1.apk

如果您得到這樣的訊息,那就意味著安裝了包管理器,現在我們的下一步是安裝一個代碼/文本編輯器,為此,我們將使用Vim,所以簡單的型別:
apk add vim
在我們繼續之前,我想指出,出于演示的目的,我將此設定為一個web開發環境,現在讓我們繼續安裝python3:
apk add python3
vim index.htm
我將放入HTML, CSS和JavaScript代碼來演示它的作業,一旦檔案打開,只需寫下一些基本的HTML,或者你可以復制我寫的代碼,您還可以創建一個CSS和JavaScript檔案來查看我們的設定是否有效,
HTML:
<!DOCTYPE html>
<html>
<head>
<title>My webpage</title>
<link rel=”stylesheet” href=”style.css” />
<!—-You can create this later your self—>
</head>
<body>
<h1>This is sample code</h1>
<script src=”test.js”></script>
</body>
CSS:
body {
background-color: red;
}
JavaScript:
alert(“You are using JS”);
console.log(“This works!”);
現在我強烈建議你在繼續之前在你的iPad上安裝谷歌chrome,這樣我們就可以看到控制臺上的訊息,首先,我將向您展示如何設定開發視窗:

這就是我撰寫代碼并查看輸出的方式,為了運行一個實時服務器,我創建了一個新的iSH視窗,這很簡單,你所要做的就是打開dock,一旦你進入了iSH應用,然后點擊iSH應用,

點擊頂部的“+”按鈕,打開一個新的iSH shell視窗,這里我運行我的實時服務器,好的,現在我們可以用python來做這個,所以型別:
python3 -m http.server

現在切換回我上面顯示的上一個視窗,輸入’ 127.0.0.1:8000 '或它顯示的任何埠號,埠號是冒號后面顯示的埠號,這是第一件要做的事:

是的,這是我們的Javascript警告,現在如果你點擊確定:

我們的CSS樣式和我們的html文本,同樣,為了檢查顯示的標題是否正確,我們可以單擊show all tabs選項來查看我們設定的標題,現在,我們的下一個也是最后一個步驟是創建JavaScript控制臺,打開一個新的chrome標簽,輸入’ chrome://inspect ',您將看到一個帶有“開始記錄”按鈕的頁面彈出,點擊,然后回傳到實時服務器頁面并重新加載它,關閉JavaScript警告后,回到你的chrome://inspect頁面,你會看到它:

這是我們在JavaScript代碼中寫的,這就是它,這就是如何將iPad用于編碼環境的方法,到目前為止,我只在web開發中測驗過這個,我們也可以使用python,因為我們使用的是實時服務器,
感謝你的閱讀!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/279279.html
標籤:其他
上一篇:移動端開發
