如何利用ipad随时随地开发代码

简介: 如何利用ipad随时随地开发代码

99.png今天,我将向你们展示如何设置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

98.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,这样我们就可以看到控制台上的消息。首先,我将向您展示如何设置开发窗口:

image.png这就是我编写代码并查看输出的方式。为了运行一个实时服务器,我创建了一个新的iSH窗口。这很简单。你所要做的就是打开dock,一旦你进入了iSH应用,然后点击iSH应用。77.png点击顶部的“+”按钮,打开一个新的iSH shell窗口。这里我运行我的实时服务器。好的,现在我们可以用python来做这个。所以类型:

python3 -m http.server

88.png现在切换回我上面显示的上一个窗口。输入’ 127.0.0.1:8000 '或它显示的任何端口号。端口号是冒号后面显示的端口号。这是第一件要做的事:44.png

是的,这是我们的Javascript警告。现在如果你点击确定:55.png

我们的CSS样式和我们的html文本。同样,为了检查显示的标题是否正确,我们可以单击show all tabs选项来查看我们设置的标题。现在,我们的下一个也是最后一个步骤是创建JavaScript控制台。打开一个新的chrome标签,输入’ chrome://inspect '。您将看到一个带有“开始记录”按钮的页面弹出。点击。然后返回到实时服务器页面并重新加载它。关闭JavaScript警告后,回到你的chrome://inspect页面,你会看到它:

000.png这是我们在JavaScript代码中写的。这就是它。这就是如何将iPad用于编码环境的方法。到目前为止,我只在web开发中测试过这个。我们也可以使用python,因为我们使用的是实时服务器。

感谢你的阅读!


作者介绍

坐标郑州,从业经验10余年,java full stack,架构,实战经验丰富。


相关文章
|
9月前
|
网络协议 Ubuntu Linux
在IPad Pro上怎么实现代码自由,如何让IPad Pro变成你的生产力工具?
如何让IPad Pro变成你的生产力工具?在IPad上用Vscode写代码搞开发
174 1
在IPad Pro上怎么实现代码自由,如何让IPad Pro变成你的生产力工具?
|
10月前
|
网络协议 Ubuntu Linux
闲置iPad Pro打造真正的生产力工具!使用vscode编程写代码
闲置iPad Pro打造真正的生产力工具!使用vscode编程写代码
607 0
|
网络协议 Ubuntu 网络安全
【服务器】iPad远程服务器进行开发(下)
【服务器】iPad远程服务器进行开发(下)
369 0
|
移动开发 Ubuntu 网络协议
【服务器】iPad远程服务器进行开发(上)
【服务器】iPad远程服务器进行开发
221 0
|
Android开发 iOS开发
Instagram CEO :“苹果 iPad 不咋受欢迎,不值得给开发个专属版本的 App”
Instagram CEO :“苹果 iPad 不咋受欢迎,不值得给开发个专属版本的 App”
Instagram CEO :“苹果 iPad 不咋受欢迎,不值得给开发个专属版本的 App”
|
C# iOS开发
iOS(iPhone/iPad)开发新手必读
Objective-C 入门 一个简单的可以快速上手的 Objective-C 入门教程。 iOS概述 本文对构成iOS的基础特性提供了高层的概述,帮助你了解这个平台。 基于Xcode4开发第一个iPhone程序:“Hello World” 由宝玉出品的非常详尽的iOS开发入门教程。
1054 0
|
Web App开发 iOS开发
九大Web设计开发的iPad应用程序
导读:时尚的外观,丰富的应用,轻巧便携,iPad令许多人为之着迷。如何充分利用iPad为您的工作助力? 这里就有9款实用的Web设计和开发iPad应用程序介绍给您!当然在iPad上做设计未必能与在您的电脑上一样强大,但胜在方便灵活,适合经常出外办公和需要时刻记录设计灵感的人士。
1350 0
|
C# iOS开发
iOS(iPho“.NET研究”ne/iPad)开发新手必读
上海闵行企业网站设计与制作="_blank">Objective-C 入门 一个简单的可以快速上手的 Objective-C 入门教程。 上海网站建设> iOS概述上海徐汇企业网站设计与制作trong> 本文对构成iOS的基础特性提供了高层的概述,帮上海企业网站制作助你了解这个上海徐汇企业网站制作平台。
1064 0
|
Web App开发 iOS开发 Docker
如何用iPad运行Python代码?
其实,不只是iPad,手机也可以。 痛点 我组织过几次线下编程工作坊,带着同学们用Python处理数据科学问题。 其中最让人头疼的,就是运行环境的安装。
2195 0