Rumah  >  Artikel  >  alat pembangunan  >  Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

青灯夜游
青灯夜游ke hadapan
2023-04-07 20:36:555427semak imbas

Bolehkah saya membangunkan pada iPad? Artikel berikut akan memperkenalkan kepada anda cara menukar iPad menjadi alat produktiviti dalam beberapa saat - gunakan vscode untuk menulis kod untuk pembangunan pada iPad. Saya harap ia akan membantu anda!

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Dengan populariti komputer tablet, tabiat hidup dan adegan kehidupan kebanyakan orang tidak dapat dipisahkan daripada penggunaan komputer tablet, seperti menonton siri TV dan menonton video pendek . Main permainan arus perdana, dsb., tetapi ini hanyalah senario hiburan Bagaimana jika anda ingin menyepadukan tablet ke dalam senario kerja atau pengeluaran, seperti mengedit dokumen, membuat lembaran kerja dan menulis kod? Jadi selepas membeli iPad, untuk mengelakkan "produktiviti sebelum membeli, iQiyi selepas membeli". Kami boleh membina pelayan kod di Linux, dan kemudian menggunakan iPad untuk mengakses pelayan kod dari jauh melalui penyemak imbas atau aplikasi. Gunakan sumber pelayan untuk menjalankan kod, dan bahagian hadapan iPad hanya perlu bertanggungjawab untuk menulis kod dan menjalankannya, menjadikan iPad alat pembangunan mudah alih yang sempurna! !

Selain itu, untuk mencapai pembangunan mudah alih jauh pada bila-bila masa dan di mana-mana sahaja, kami menggunakan penembusan intranet cpolar untuk menembusi batasan rangkaian kawasan setempat dan membolehkan kami menulis kod dan membangunkan pada iPad dalam persekitaran rangkaian awam! !

iPad menjadi alat produktiviti dalam beberapa saat! Tulis kod dengan vscode pada iPad. [Pembelajaran yang disyorkan:

tutorial vskod
,

Pengajaran pengaturcaraan]

1. Konfigurasi persekitaran setempat

Sediakan mesin maya, sama ada Ubuntu atau centos Di sini kita mengambil sistem VMware Ubuntu sebagai contoh.

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Muat turun perkhidmatan pelayan kod

Akses dalam penyemak imbas: https://github.com/coder/code-server , Salin arahan muat turun

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Buka baris arahan ubuntu dan laksanakan

curl -fsSL https://code-server.dev/install.sh | sh

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Anda perlu memasukkan kata laluan akaun log masuk ubuntu Hanya masukkan kata laluan, dan kemudian tunggu pemasangan selesai

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Maklumat berikut menunjukkan bahawa pemasangan berjaya

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Kemudian masukkan arahan berikut untuk menetapkan kod -Kata laluan log masuk pelayan

export PASSWORD=”000000”

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Lihat alamat IP untuk akses LAN

ifconfig

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

tetapan Selepas memasukkan kata laluan, mulakan perkhidmatan pelayan kod dan masukkan arahan berikut:

code-server --host= “0.0.0.0”

Maklumat alamat dan nombor port kelihatan menunjukkan kejayaan

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Kemudian buka penyemak imbas dan lulus Akses http://192.168.30.128:8080/ melalui LAN Jika welcone code-server muncul, ini bermakna kejayaan . Masukkan kata laluan yang kami tetapkan dan log masuk.

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

2. Penembusan intranet

Kemudian kami menggunakan cpolar untuk menembusi perkhidmatan pelayan kod tempatan, membolehkan anda mengakses dari jauh dan menulis kod pada bila-bila masa dan di mana-mana sahaja. cpolar menyokong protokol http/https/tcp, tidak mengehadkan trafik, mudah dikendalikan dan tidak memerlukan IP awam atau penghala.

laman web rasmi cpolar: https://www.cpolar.com/

2.1 Pasang cpolar Penembusan rangkaian (menyokong skrip pemasangan automatik satu klik)

  • pemasangan cpolar (penggunaan domestik)
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • atau kaedah pemasangan pautan pendek cpolar (untuk kegunaan asing)
curl -sL https://git.io/cpolar | sudo bash
  • Lihat nombor versi
cpolar version
  • pengesahan token

Log dalam Di latar belakang tapak web rasmi cpolar, klik Sahkan di sebelah kiri untuk melihat token pengesahan anda, dan kemudian tampal token dalam baris arahan

cpolar authtoken xxxxxxx

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

  • Ujian penembusan mudah
cpolar http 8080

Tekan ctrl+c untuk keluar

  • Tambah perkhidmatan pada sistem
sudo systemctl enable cpolar
  • Mulakan perkhidmatan cpolar
sudo systemctl start cpolar
  • Semak status perkhidmatan
sudo systemctl status cpolar

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Paparan normal active bermakna perkhidmatan berada dalam keadaan permulaan dalam talian biasa

2.2 Cipta terowong HTTP

Selepas memasang penembusan intranet cpolar secara setempat pada sistem ubuntu, akses port 9200 tempatan pada pelayar ubuntu Buka antara muka web cpolar: http://127.0.0.1:9200.

Klik Pengurusan Terowong - Cipta Terowong di papan pemuka kiri Memandangkan port 8080 dikonfigurasikan dalam pelayan kod, kita perlu mencipta terowong http yang menghala ke port 8080:

  • Nama terowong. : Boleh disesuaikan, berhati-hati untuk tidak mengulangi
  • Protokol: protokol http
  • Alamat setempat: 8080
  • Jenis nama domain: Pilih nama domain rawak
  • Rantau : Pilih China VIP

Klik 创建

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Selepas menciptanya, klik status di sebelah kiri - senarai terowong dalam talian untuk melihat orang ramai Alamat Internet, salin

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

3 Uji akses jauh

Buka pelayar ipad, Masukkan alamat rangkaian awam yang baru anda salin untuk mengakses Selepas mengakses, masukkan kata laluan yang ditetapkan sebelumnya.

4. Konfigurasikan nama subdomain peringkat kedua tetap

4.1 Simpan nama subdomain peringkat kedua

Memandangkan terowong yang dibuat menggunakan cpolar di atas menggunakan alamat rangkaian awam sementara rawak, alamat akan berubah dalam masa 24 jam, yang tidak sesuai untuk akses jauh jangka panjang. Oleh itu, kami boleh mengkonfigurasi nama subdomain peringkat kedua untuknya. Alamat adalah alamat tetap dan tidak akan berubah secara rawak [ps: cpolar.cn telah difailkan]

Perlu diingatkan bahawa mengkonfigurasi. nama subdomain peringkat kedua tetap memerlukan Naik taraf cpolar kepada pakej asas atau ke atas.

Log masuk ke laman web rasmi cpolar, klik Rizab di sebelah kiri, pilih untuk menempah nama subdomain peringkat kedua, tetapkan nama subdomain peringkat kedua, klik Rizab, dan salin kedua- nama subdomain peringkat selepas tempahan berjaya

  • Wilayah: Pilih vip China
  • Nama domain peringkat kedua: Boleh disesuaikan
  • Penerangan: Nota, boleh disesuaikan

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

4.2 Konfigurasikan nama subdomain peringkat kedua

Akses port tempatan 9200, buka antara muka cpolar web ui, dan klik terowong di sebelah kiri Pengurusan - Senarai terowong, cari terowong vscode, klik Edit di sebelah kanan

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Ubah suai maklumat terowong:

  • Tukar jenis nama domain kepada memilih dua Nama subdomain Tahap
  • subdomain: Isikan nama subdomain peringkat kedua yang baru ditempah

dan klik 更新

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Kemas Kini Terowong Selepas berjaya, klik pada status di sebelah kiri - senarai terowong dalam talian untuk melihat alamat rangkaian awam Pada masa ini, anda boleh melihat bahawa alamat itu ada menjadi nama domain peringkat kedua. Salinnya

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

5. Uji akses jauh menggunakan nama subdomain peringkat kedua tetap

Kemudian kami membuka penyemak imbas iPad sekali lagi dan mengakses alamat subdomain peringkat kedua tetap yang baru berjaya dikonfigurasikan Antara muka vscode nampaknya menunjukkan kejayaan, dan anda boleh menulis kod dengan gembira 🎜>

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

6. iPad jauh vscode melalui perisianSeterusnya kami menggunakan serveiter untuk perisian pelayan kod untuk melaksanakan akses jauh ipad vscode

6.1 Cipta terowong TCPPertama sekali perlu Buat terowong TCP yang menghala ke port 22 pelayan kami.Perisian ini perlu disambungkan ke pelayan. Buka penyemak imbas pada ubuntu untuk mengakses port tempatan 9200, log masuk ke antara muka cpolar web ui, klik Pengurusan Terowong di sebelah kiri - Cipta Terowong

servediter for code-serverNama terowong: boleh disesuaikan, berhati-hati jangan untuk mengulangi

    Protokol: protokol tcp
  • Alamat setempat: 22
  • Jenis nama domain: pilih Port TCP sementara rawak
  • Rantau: Pilih VIP China
  • dan klik

创建

Selepas terowong berjaya dibuat, klik status di sebelah kiri ——Senarai terowong dalam talian, salin awam yang dijana alamat rangkaian. Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

7 ipad remote vscodePada ipad, klik untuk membuka appstore dan muat turun. perisian

servediter for code-server

Selepas muat turun berjaya, klik untuk membukanya Memandangkan perisian berbayar, anda boleh memilih untuk membelinya secara percuma di sini dan pilih yang terakhir percumaPenjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Masukkan maklumat yang berkaitanPenjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Pengenalan parameter:

URL pelayan kod : isikan alamat awam http yang berjaya dikonfigurasikan sebelum [ Alamat yang diakses oleh pelayar ipad]
    Kata laluan contoh: kata laluan yang dikonfigurasikan oleh pelayan kod
  • Hos: isikan di sini alamat awam bagi 22 terowong yang berjaya kami buat sebelum ini
  • Nama pengguna: Isikan nama pengguna sistem ubuntu
  • Port: Lalai di sini tidak perlu mengubah suai
  • Pengesahan: Isikan kata laluan yang sepadan dengan nama pengguna sistem ubuntu

Selepas memasukkan maklumat, klik simpan di penjuru kanan sebelah atas dan ia akan bersambung secara automatik akan muncul untuk menunjukkan bahawa sambungan berjayaPenjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

8 Konfigurasikan alamat port TCP tetap

Memandangkan terowong ssh port 22 yang kami buat sebelum ini memilih alamat sementara rawak, alamatnya akan berada dalam 24. Perubahan dalam beberapa jam Untuk membuat sambungan menggunakan vscode pada iPad kami lebih lancar, kami perlu membetulkan alamat awam ssh.

Perhatikan bahawa anda perlu menaik taraf pakej cpolar kepada pakej profesional atau ke atas.

8.1 Tempah alamat TCP tetap

Log masuk ke cpolarbahagian belakang laman web rasmi, klik Tempah pada sebelah kiri, Cari alamat TCP yang ditempah:

  • Wilayah: Pilih China VIP
  • Penerangan: Nota, yang boleh disesuaikan

Klik 保留

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Alamat TCP tetap berjaya dikekalkan Sistem menjana alamat rangkaian awam + nombor port tetap yang sepadan dan menyalinnya ke bawah

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

8.2 Konfigurasikan alamat port TCP tetap

Gunakan penyemak imbas anda ke http://127.0.0.1:9200/ untuk log masuk ke UI web cpolar antara muka pengurusan dan klik pada papan pemuka di sebelah kiri Pengurusan Terowong - Senarai Terowong, cari terowong pelayan kod, klik Edit di sebelah kanan

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

untuk mengubah suai maklumat terowong dan mengkonfigurasi tetapan Alamat port TCP:

    Jenis port: sebaliknya pilih port TCP tetap
  • Alamat TCP terpelihara: isikan alamat port TCP tetap yang baru anda tempah dengan jayanya
Klik

更新

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Ia akan menggesa kemas kini terowong berjaya Klik status pada papan pemuka kiri - Senarai Terowong Dalam Talian Anda boleh melihat bahawa alamat rangkaian awam daripada terowong yang baru anda ubah suai telah dikemas kini kepada alamat port TCP tetap.

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

9 Gunakan alamat TCP tetap untuk vscode dari jauh

Pada iPad, buka pelayan untuk. kod- Perisian pelayan, ubah suai parameter hos kepada alamat port TCP tetap yang baru kami konfigurasikan dengan jayanya.

Klik logo

di sudut kiri atasi

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Pilih Pelayan Hos sendiri

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

dan tetapkan nilai Hos Tukar kepada alamat tcp yang baru kami tempah di laman web rasmi

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Selepas menukar, klik simpan di penjuru kanan sebelah atas, ia akan bersambung secara automatik, dan antara muka vscde akan muncul untuk menunjukkan kejayaan Pada ketika ini, tutorial selesai. Selesai, gunakan iPad untuk memulakan pengaturcaraan yang gembira! Alamat rangkaian awam tidak lagi akan berubah secara rawak.

Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad

Untuk pengetahuan lanjut tentang VSCode, sila lawati:

tutorial asas vscode!

Atas ialah kandungan terperinci Penjelasan terperinci tentang cara menggunakan vscode untuk menulis kod untuk pembangunan pada iPad. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam