Bermula dengan Kod Microsoft Visual Studio di Linux

Takeaways Key

Kod Visual Studio Microsoft (VSCode) adalah editor kod lintas platform yang berfungsi dengan baik pada Linux, Mac, dan Windows, menawarkan ciri-ciri seperti Penyempurnaan Kod Pintar, Linting, Debugging Interaktif, Kawalan Versi, dan Sokongan untuk Membina Alat Seperti Seperti Bina Alat Seperti Seperti Bina Alat Seperti Seperti Bina Alat Seperti Seperti Alat Bangun Seperti Seperti Bina Alat Seperti Seperti Bina Alat seperti Gulp dan Jake.
• Panduan ini menyediakan tutorial langkah demi langkah tentang cara memasang dan menggunakan vscode di Ubuntu, termasuk membuat projek, menggunakan Intellisense untuk penyelesaian kod automatik dan cadangan kod konteks, debugging, dan menggunakan kawalan versi dengan Git.
• Walaupun berada dalam pratonton pada Mei 2015, VSCode terus dikemas kini dengan penambahbaikan dan ciri -ciri baru, yang semuanya tersedia untuk semua platform secara serentak. Antara muka dioptimumkan untuk pembangunan web, dan proses persediaan, sementara sedikit terlibat, adalah usaha untuk fungsinya yang diselaraskan.
Microsoft Visual Studio adalah salah satu persekitaran pembangunan bersepadu yang paling kuat yang tersedia, dengan satu kelemahan: ia hanya tersedia untuk Windows. Untuk menarik pengguna Linux dan Mac ke alat pembangunan keluarga Visual Studio, Microsoft baru-baru ini melancarkan Visual Studio Code (atau VSCode untuk pendek) -a editor kod silang platform yang benar-benar cepat dan ringan.

VSCode berfungsi dengan baik pada Linux, Mac, dan Windows. Walau bagaimanapun, kerana Microsoft Visual Studio 2013 sendiri boleh didapati di Windows, vscode kemungkinan besar akan melihat lebih banyak pengangkatan di kalangan pengguna Linux dan Mac yang, sehingga kini, harus dilakukan dengan alternatif yang lebih mudah seperti teks luhur, atom atau komodo untuk pembangunan web .

Berikut adalah beberapa ciri yang mungkin menjadikan vscode alternatif yang menarik untuk editor kod anda sekarang:

Penyelesaian Kod Pintar

linting
Debugging interaktif
Kawalan versi
Sokongan untuk membina alat seperti Gulp dan Jake.
• Di kebanyakan editor kod popular yang lain, ciri -ciri ini hanya tersedia selepas anda memasang plugin yang sesuai secara manual -jika ia tersedia sama sekali.

Dalam tutorial ini, saya akan menunjukkan kepada anda cara memasang dan menggunakan vscode di Ubuntu, salah satu distros Linux yang paling popular.

NOTA:

Jika anda seorang pengguna Windows, anda masih boleh mengikuti tutorial ini dengan melangkau semua pemasangan baris arahan. Anda hanya perlu menggunakan pemasang Windows, yang menetapkan semuanya untuk anda.

Prasyarat

Untuk mengikuti tutorial ini, anda akan memerlukan:

komputer 64-bit yang menjalankan Ubuntu 14.04 atau lebih tinggi

pengguna sudo
• Pemasangan

Buat direktori untuk vscode.

masukkan direktori itu, dan gunakan wget untuk memuat turun vscode.

mkdir ~/VSCode

Ekstrak arkib menggunakan unzip.

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'

Buat pautan ke kod bernama yang boleh dilaksanakan di dalam/usr/local/bin/supaya ia dapat dijalankan dari mana -mana direktori.

mkdir ~/VSCode

Mula vscode dengan menaip kod. Anda sepatutnya dapat melihat skrin selamat datang sekarang:

Membuat projek

Dalam pelepasan VSCode sekarang, tidak ada pilihan untuk membuat projek baru. Walau bagaimanapun, ia boleh merawat direktori sedia ada sebagai projek. Untuk melakukannya, semua yang anda perlu lakukan ialah lulus direktori sebagai hujah baris arahan untuk kod. Sebagai contoh, untuk merawat direktori ~/justanotherapp sebagai projek, anda boleh menaip:

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'

Jika projek anda tidak mempunyai sebarang fail, inilah yang akan anda lihat:

Anda kini boleh mengklik nama projek anda untuk melihat butang yang membolehkan anda membuat fail dan folder baru:

Menggunakan IntelliSense

IntelliSense adalah istilah payung yang digunakan oleh Microsoft yang meliputi ciri-ciri seperti penyelesaian kod automatik dan cadangan kod konteks. Ini sangat membantu untuk meningkatkan produktiviti, terutamanya apabila anda menggunakan API atau perpustakaan baru. Dalam pelepasan pratonton VSCode, Intellisense boleh didapati di semua platform untuk JavaScript, CSS, HTML dan beberapa bahasa lain. Dalam tutorial ini, saya akan menunjukkan kepada anda cara menggunakannya dalam projek Node.js anda.

Untuk melihat cadangan Intellisense, yang perlu anda lakukan ialah ruang kawalan tekan. Contohnya, dalam pakej projek anda, Intellisense akan menyenaraikan semua medan yang tersedia:

Begitu juga, menekan ruang kawalan dalam fail JavaScript anda, anda dapat melihat medan dan kaedah yang terdapat dalam kelas dan objek tertentu.

Walau bagaimanapun, cadangan ini tidak tersedia untuk semua kelas. Sebagai contoh, jika anda cuba melihat bidang dan kaedah yang tersedia dalam contoh Express, anda tidak akan mendapati apa -apa secara lalai:

Untuk menyelesaikan masalah ini, anda memerlukan definisi jenis jenis yang berkaitan. Untuk mendapatkan definisi ini, anda boleh menggunakan TSD (Pengurus Definisi Typescript untuk pastiTyped), modul NPM.

Jika anda tidak memilikinya, pasangkannya dari terminal menggunakan:

Sekarang, di dalam direktori projek anda, anda boleh menggunakan TSD untuk memasang definisi jenis yang anda mahukan. Sebagai contoh, untuk memasang definisi jenis untuk rangka kerja Express, anda perlu menaip yang berikut:

Ini akan membuat fail bernama tsd.d.ts di dalam projek anda, dalam direktori yang dipanggil Typings. Rujuk fail ini di dalam vscode dengan menambahkan kod berikut ke fail javascript anda:

unzip VSCode-linux-x64.zip

Anda kini boleh menekan ruang kawalan untuk melihat cadangan itu tersedia untuk objek yang tergolong dalam kerangka ekspres:

Debugging

Dalam kebanyakan editor kod ringan, sokongan debugging sama ada tidak hadir, atau disokong hanya dengan bantuan plugin. VSCode, sebaliknya, sukan debugger interaktif terbina dalam yang dapat meningkatkan pengalaman pengekodan anda. Kali pertama anda cuba menggunakan debugger dalam projek Node.js anda, vscode menghasilkan fail bernama launch.json yang mengandungi pelbagai butiran konfigurasi. Fail ini mungkin memerlukan beberapa perubahan bergantung pada projek anda. Bidang yang paling penting dalam konfigurasi ini adalah nama dan program. Secara lalai, nama mempunyai aplikasi dan program pelancaran nilai mempunyai aplikasi app.js. Anda perlu mengubahnya untuk memadankan fail dalam projek anda. Sebagai contoh, jika nama fail utama projek anda adalah index.js bukan app.js, launch.json anda harus mengandungi:

mkdir ~/VSCode

Walaupun ia berfungsi dari kotak pada Windows, di Ubuntu (dan kebanyakan Linux Distros dan Mac OS X), anda perlu memasang Mono 3.10.0 atau lebih tinggi untuk debugger berfungsi. Tanpa itu, cuba memulakan debugger akan gagal:

Untuk memasang versi terkini mono, anda perlu menambah PPA baru ke sumber perisian Ubuntu. Berbuat demikian dengan membuka terminal dan menaip:

anda kini boleh memasang mono menggunakan apt-get.

cd ~/VSCode
  wget 'http://download.microsoft.com/download/9/5/4/9549F9CC-2663-40D7-8CB6-244D7C4C3CDA/VSCode-linux-x64.zip'

Akhirnya, buat pautan ke mono yang boleh dilaksanakan di dalam /usr /bin:

unzip VSCode-linux-x64.zip

kembali ke vscode dan mulakan debug sekali lagi. Anda mesti melihatnya berfungsi:

sudo ln -s $PWD/Code /usr/local/bin/code

Menggunakan Kawalan Versi

Pada semua platform, VSCode menyokong kawalan versi dengan Git. Untuk menggunakan ciri ini, anda perlu memasang Git di komputer anda. Di Ubuntu, anda boleh memasang Git dengan membuka terminal sekali lagi dan menaip dalam perkara berikut:

kembali ke vscode, dan klik pada butang git dalam bar alat. Anda akan diminta untuk memulakan repositori baru:

cd ~/JustAnotherApp
  code .

Setelah dimulakan, vscode menunjukkan kepada anda semua fail yang perlu dilakukan atau dikemas kini. Melakukan semudah menaip dalam mesej komit dan mengklik tanda semak:

Menggunakan Pratonton Markdown

Pada semua platform, VSCode menyokong pratonton markdown, dan ia berfungsi tanpa sebarang pemasangan tambahan. Apabila anda menyunting fail markdown, menekan Shift Control V pada bila -bila masa akan memaparkan pratonton fail.

Sebagai contoh, jika fail markdown anda kelihatan seperti ini:

... pratonton akan menunjukkan ini:

Kesimpulan

Anda sekarang tahu cara memasang dan menjalankan kod Visual Studio -alat pembangunan pertama dari keluarga Visual Studio Microsoft yang menyokong Linux -pada sistem Ubuntu anda. Walaupun proses penubuhan sedikit terlibat, anda harus mencubanya untuk mengalami antara muka yang licin dan diperkemas yang dioptimumkan untuk pembangunan web.

Sehingga Mei 2015, VSCode masih dalam pratonton, dengan penambahbaikan dan ciri -ciri baru yang mungkin muncul pada bulan -bulan berikutnya. Kemas kini mudah dipasang, dan tersedia untuk semua platform pada masa yang sama.

Jika anda mempunyai sebarang pertanyaan atau komen mengenai panduan ini, sila beritahu saya. Adakah anda sudah mencuba vscode? Jika ya, apa pendapat anda?

Soalan Lazim (Soalan Lazim) Mengenai Kod Visual Studio di Linux

adalah kod Visual Studio yang serasi dengan Linux?

Ya, kod Visual Studio sepenuhnya serasi dengan Linux. Ia adalah editor kod sumber yang ringan tetapi berkuasa yang berjalan di desktop anda dan tersedia untuk Windows, MacOS, dan Linux. Ia dilengkapi dengan sokongan terbina dalam untuk JavaScript, TypeScript, dan Node.js, dan mempunyai ekosistem sambungan yang kaya untuk bahasa lain seperti C, C#, Python, PHP, dan banyak lagi. Kod Visual Studio pada Linux?

Memasang kod Visual Studio pada Linux adalah mudah. Anda boleh memuat turun pakej .deb dari laman web Kod Visual Studio rasmi dan memasangnya menggunakan arahan DPKG. Sebagai alternatif, anda juga boleh memasangnya melalui Pengurus Pakej Snap Jika pengedaran Linux anda menyokongnya. Kod untuk pembangunan C pada Linux. Anda perlu memasang sambungan C untuk kod Visual Studio, dan juga mempunyai GCC atau Clang yang dipasang pada sistem anda. Extension C menyediakan ciri -ciri seperti IntelliSense, navigasi kod, dan sokongan debug. Ia dibangunkan dan dikekalkan oleh Microsoft, dan kod sumbernya boleh didapati di GitHub. Ini bermakna anda boleh menyumbang kepada perkembangannya, melaporkan pepijat, atau bahkan membuat garpu anda sendiri perisian. Kod melalui Pengurus Pakej Snap, ia akan dikemas kini secara automatik apabila versi baru tersedia. Sekiranya anda memasangnya melalui pakej .deb, anda perlu memuat turun dan memasang pakej baru secara manual. Kod adalah pilihan yang sangat baik untuk pembangunan Python di Linux. Anda perlu memasang Sambungan Python untuk Kod Visual Studio, yang menyediakan ciri -ciri seperti Intellisense, Linting, Debugging, Navigasi Kod, Pemformatan Kod, Sokongan Notebook Jupyter, Refactoring, dan banyak lagi.

Adakah kod Visual Studio menyokong pembangunan jauh pada Linux?

Ya, kod Visual Studio menyokong pembangunan jauh melalui sambungan jauh - SSH. Ini membolehkan anda menggunakan mesin jauh seolah-olah ia adalah mesin tempatan anda, membuka satu set kemungkinan baru untuk pembangunan berasaskan awan.

Ya, kod Visual Studio sangat disesuaikan pada Linux. Anda boleh menukar tema, menyesuaikan susun atur ruang kerja, dan juga membuat kekunci kunci tersuai anda sendiri. untuk git di Linux. Anda boleh melakukan operasi Git secara langsung dari editor, melihat perbezaan perubahan, tahap dan perubahan komited, dan banyak lagi. , Anda boleh menjalankan kod Visual Studio pada Raspberry Pi yang menjalankan Linux. Anda perlu memasang versi ARM Visual Studio Code, yang boleh didapati di laman web rasmi.

Atas ialah kandungan terperinci Bermula dengan Kod Microsoft Visual Studio di Linux. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!