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

Pengajaran pengaturcaraan]

1. Konfigurasi persekitaran setempat

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

Muat turun perkhidmatan pelayan kod

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

Buka baris arahan ubuntu dan laksanakan

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

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

Maklumat berikut menunjukkan bahawa pemasangan berjaya

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

export PASSWORD=”000000”

Lihat alamat IP untuk akses LAN

ifconfig

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

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.

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

• 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

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 创建

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

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

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

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 更新

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

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 🎜>

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.

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 percuma

Masukkan maklumat yang berkaitan

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 berjaya

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 保留

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

8.2 Konfigurasikan alamat port TCP tetap

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

更新

9 Gunakan alamat TCP tetap untuk vscode dari jauh

di sudut kiri atasi

tutorial asas vscode!