如何利用ipad隨時隨地開發代碼


1.jpeg
今天,我將向你們展示如何設置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

2.jpeg
如果您得到這樣的消息,那就意味着安裝了包管理器。現在我們的下一步是安裝一個代碼/文本編輯器。為此,我們將使用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,這樣我們就可以看到控制台上的消息。首先,我將向您展示如何設置開發窗口:
2.png
這就是我編寫代碼並查看輸出的方式。為了運行一個實時服務器,我創建了一個新的iSH窗口。這很簡單。你所要做的就是打開dock,一旦你進入了iSH應用,然后點擊iSH應用。
3.png
點擊頂部的“+”按鈕,打開一個新的iSH shell窗口。這里我運行我的實時服務器。好的,現在我們可以用python來做這個。所以類型:

python3 -m http.server

4.jpeg
現在切換回我上面顯示的上一個窗口。輸入' 127.0.0.1:8000 '或它顯示的任何端口號。端口號是冒號后面顯示的端口號。這是第一件要做的事:
5.jpeg
是的,這是我們的Javascript警告。現在如果你點擊確定:
6.jpeg
我們的CSS樣式和我們的html文本。同樣,為了檢查顯示的標題是否正確,我們可以單擊show all tabs選項來查看我們設置的標題。現在,我們的下一個也是最后一個步驟是創建JavaScript控制台。打開一個新的chrome標簽,輸入' chrome://inspect '。您將看到一個帶有“開始記錄”按鈕的頁面彈出。點擊。然后返回到實時服務器頁面並重新加載它。關閉JavaScript警告后,回到你的chrome://inspect頁面,你會看到它:
7.jpeg
這是我們在JavaScript代碼中寫的。這就是它。這就是如何將iPad用於編碼環境的方法。到目前為止,我只在web開發中測試過這個。我們也可以使用python,因為我們使用的是實時服務器。
感謝你的閱讀!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM