今天,我將向你們展示如何設置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,因為我們使用的是實時服務器。
感謝你的閱讀!