ประมาณสามปีที่แล้วMicrosoftได้เปิดตัวตัวแก้ไขซอร์สโค้ดใหม่สำหรับWindows , Linuxและ macOS ชื่อ นี้มีชื่อว่าVisual Studio Code เป็นIDE ที่เบากว่า ^(IDE)Visual Studio 2017รุ่นต่างๆ ในตำนาน มันสามารถช่วยคุณดีบักรหัสของคุณ มีการควบคุมแบบฝังสำหรับGit , Syntax Highlighting , IntelliSenseเพื่อช่วยให้คุณเขียนโค้ดที่ถูกต้องเร็วขึ้น ตัวอย่างข้อมูล และการปรับโครงสร้างโค้ดใหม่

รหัส Visual Studio

Visual Studio Codeเป็นIDE ขนาดเล็ก จากMicrosoftสำหรับนักพัฒนาในการเขียนโค้ดในภาษาต่างๆ เช่นPython , PHPและอื่นๆ มีการสนับสนุนในตัวสำหรับGitเช่นกัน บทความนี้เป็นคำแนะนำทีละขั้นตอนเกี่ยวกับ Visual Studio Codeการบรรยายสรุปเกี่ยวกับช่องทางต่างๆ และวิธีการติดตั้งและใช้งานอย่างถูกต้อง

เป็นมูลค่าการกล่าวขวัญว่าVisual Studio Codeเป็นโครงการโอเพ่นซอร์สที่มีพื้นที่เก็บข้อมูลบนGithub ประการที่สอง มีผลิตภัณฑ์สองเวอร์ชันที่สามารถดาวน์โหลดได้แบบสาธารณะ อันแรกคือรุ่นเสถียร^{(Stable release)}ที่เห็นการอัปเดตทุกๆ 15-30 วันโดยเฉลี่ย และอีกอย่างคือInsiders^{(Insiders release)}ที่ได้รับการอัพเดตเกือบทุกวัน

ความแตกต่างหลักระหว่างทั้งสองอยู่ในชื่อช่อง การเปิดตัวที่เสถียรนั้นเหมาะสำหรับผู้ที่ไม่ค่อยได้รับการขัดจังหวะแม้แต่ในบางครั้ง อีกช่องหนึ่งคือช่อง Insiders ที่เป็นรุ่นเบต้าจริงๆ มันมีการแก้ไขล่าสุดทั้งหมดในขณะที่มีการใช้คุณสมบัติใหม่และหลายครั้งที่ไม่สมบูรณ์และทำให้เกิดข้อบกพร่องเป็นครั้งคราว

สรุปได้ว่า หากคุณเป็นคนที่คลั่งไคล้และต้องการลองแก้ไขและฟีเจอร์ใหม่ๆ เร็วกว่ารุ่นอื่นๆ คุณสามารถดาวน์โหลดเวอร์ชัน Insiders ได้จากช่องทางที่เกี่ยวข้อง

ทีมพัฒนาที่อยู่เบื้องหลัง Visual Studio Codeกล่าวถึงสิ่งนี้ในหน้าดาวน์โหลด:

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).

กำลังดาวน์โหลด Visual Studio Code

การดาวน์โหลด Visual Studio Code^{(Studio Code)}ทั้งสองเวอร์ชันนั้นค่อนข้างง่าย คุณเพียงแค่ต้องไปที่หน้าเว็บนี้^{(head to this webpage)}เพื่อดาวน์โหลด Visual Studio Codeและเลือกแพ็คเกจที่ตรงกับความต้องการและความต้องการของคุณ

ดังที่เราเห็นในภาพหน้าจอด้านบน รองรับWindows 7, Windows 8, Windows 8.1 และWindows 10สำหรับแพลตฟอร์มWindows เราสามารถดาวน์โหลด ไฟล์ .debสำหรับ Debian และ Ubuntu และ ไฟล์ . rpmสำหรับRed Hat , FedoraและSUSE นอกจากนี้เรายังสามารถรับซอฟต์แวร์รุ่น x32 หรือ 32 บิตสำหรับระบบปฏิบัติการที่เพิ่งกล่าวถึงและเห็นได้ชัดว่าเป็น ไฟล์เก็บถาวร .zipและ.tar.gzสำหรับWindowsและLinuxตามลำดับ เมื่อพูดถึงMac OSคุณจะได้รับแพ็คเกจสำหรับคอมพิวเตอร์ Mac^(Mac)แต่คุณต้องแน่ใจว่าคุณใช้Mac OS เวอร์ชัน 10.9 หรือ ใหม่ กว่า

คุณยังสามารถรับรุ่นInsiderของ Visual Studio CodeสำหรับWindows Platform , macOS และLinuxที่กล่าวถึงข้างต้นจากหน้าเฉพาะของพวกเขาที่นี่^{(dedicated page here.)}

การติดตั้ง Visual Studio Code

หลังจากที่คุณกดปุ่มดาวน์โหลดสำหรับแพ็คเกจที่ตรงกับความต้องการและการกำหนดค่าของคุณมากที่สุด แพ็คเกจจะเริ่มดาวน์โหลดบนเครื่องของคุณ ขณะนี้ มีหลายวิธีในการติดตั้งซอฟต์แวร์นี้ในสภาพแวดล้อมระบบปฏิบัติการที่แตกต่างกัน เราจะเน้นวิธีการติดตั้งบนWindows . ฉันใช้Windows 10เพื่อติดตั้ง แต่ขั้นตอนจะเหมือนกันทุกประการสำหรับระบบปฏิบัติการ Windows ทุกรุ่นที่รองรับ^{(Windows Operating System)}

ดังนั้น หลังจากที่คุณดาวน์โหลดไฟล์ชื่อVSCodeSetup-version.exeแล้ว ให้ดับเบิลคลิกที่ไฟล์เพื่อติดตั้ง จะใช้เวลาประมาณหนึ่งนาทีในการติดตั้ง ขึ้นอยู่กับประสิทธิภาพของฮาร์ดแวร์ที่คุณใช้

ตอนนี้คุณจะได้รับUACหรือUser Account Control Promptซึ่งคุณจะต้องกด Yes

แล้วคุณจะเห็นหน้าต่างแบบนี้-

กำลังดาวน์โหลด Visual Studio Code

ตอนนี้ให้กด Next เพื่อดำเนินการต่อ

จากนั้นคุณจะเห็น หน้า ข้อตกลงใบอนุญาต^{(License Agreement)}ซึ่งจะมีลักษณะดังนี้-

ตอนนี้กด Next เพื่อดำเนินการต่อ

ตอนนี้ หน้าจะถามคุณว่าคุณต้องการสร้าง รายการโฟลเดอร์ Start Menuสำหรับ Visual Studio Codeหรือไม่ ตามความต้องการของคุณ คุณสามารถเลือกได้ว่าต้องการสร้างรายการเมนูเริ่มต้นสำหรับVS Codeหรือไม่

หลังจากกด ปุ่ม ถัด ^(Next )ไป หน้าถัดไปจะแสดงตัวเลือกเพิ่มเติมตามที่แสดงในภาพหน้าจอด้านล่างซึ่งคุณสามารถเลือกได้ เสร็จแล้วกด Next

จากนั้นจะแสดงสรุปการตั้งค่าที่คุณเลือกเพื่อติดตั้งVS Codeและตามนั้นคุณสามารถนำทางไปทางใดทางหนึ่งและดำเนินการติดตั้งต่อโดยกดปุ่ม ติดตั้ง ^(Install )

ตอนนี้จะแสดงแถบความคืบหน้าการติดตั้ง หลังจากการติดตั้งเสร็จสิ้น ให้กด Finish เพื่อเริ่มต้นใช้งาน Visual Studio Code^{(Studio Code)}

คุณสามารถใช้ไอคอนรอยยิ้มที่มุมล่างขวาเพื่อรายงานความคิดเห็นที่คุณมีในใจ

หวังว่าผู้เริ่มต้นจะพบว่าบทช่วยสอนพื้นฐานนี้มีประโยชน์^{(Hope beginners find this basic tutorial useful.)}

Visual Studio Code - How to download and install VSC

About three years ago Microsoft released a new soυrce code editor for Windowѕ, Linux, and macOS. This wаs named Visual Studio Code. It is way lighter IDE than various editions of the legendary Visual Studio 2017. It can help you debug your code; it has embedded control for Git, Syntax Highlighting, IntelliSense to help you write correct code faster, snippets and code refactoring.

Visual Studio Code

Visual Studio Code is a lightweight IDE from Microsoft for developers to write code in the variety of languages like Python, PHP and more. It has inbuilt support for Git as well. This article is a step by step guide about Visual Studio Code, briefing about its different channels and how to install and use it properly.

It is worth mentioning that Visual Studio Code is an open source project with its repository on Github. Secondly, it has two versions of the product that is available for download publically. The first one is the Stable release that sees an update once every 15-30 days at an average. And the other one is the Insiders release that gets an update almost every day.

The main difference between the two lies in the channel’s name. The stable release is ideal for those who are very particular about not getting any interruptions even occasionally. The other one is the Insiders channel that is the beta release actually. It contains all the latest fixes while new and many times incomplete features are implemented and hence causes bugs occasionally.

Summing up, if you are an enthusiast who wants to try out new fixes and features earlier than others, you can download the Insiders version from the respective channel.

The development team behind Visual Studio Code mentions this on the download page:

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It comes with built-in support for JavaScript, TypeScript and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).

Downloading Visual Studio Code

Downloading both the versions of Visual Studio Code is pretty simple. You just need to head to this webpage dedicated to downloads of Visual Studio Code and choose the package that matches your needs and requirements.

As we can see in the screenshot above, it supports Windows 7, Windows 8, Windows 8.1 and Windows 10 for Windows platform. We can download a .deb file for Debian and Ubuntu and .rpm file for Red Hat, Fedora and SUSE. We can also get an x32 version or 32-bit version of the software for the operating systems just mentioned and obviously the .zip and .tar.gz archives for Windows and Linux respectively. Talking about Mac OS, you can get a package for your Mac computer, but you will need to make sure if you are running version 10.9 or newer of Mac OS.

You can even get an Insider build of Visual Studio Code for Windows Platform, macOS and Linux flavors mentioned above from their dedicated page here.

Installing Visual Studio Code

After you hit the download button for the package that matches your needs and configuration the most, the package will start downloading on your machine. Now, there are different ways to install this software on different operating system environments. We will concentrate on how to install it on Windows. I am using Windows 10 to install it, but the procedure is purely same for every supported version of Windows Operating System.

So, now after you downloaded a file named as VSCodeSetup-version.exe, double-click on the file to install it. It will just take about a minute to install depending on how powerful hardware you are running.

You will now get a UAC or User Account Control Prompt to which you will have to hit Yes.

Then you will see a window like this-

Downloading Visual Studio Code

Now, hit Next to proceed further.

Then you will see the License Agreement page which will look like this-

Now hit Next to proceed further.

Now the page will ask you if you want to create a Start Menu folder entry for Visual Studio Code. According to your preferences, you can now select if you want to or not create a start menu entry for VS Code.

After hitting the Next button, the next page will show you some additional options as shown in the screenshot below that you can choose. After you are done, hit Next.

Then it will show you a summary of what preference you have selected to install VS Code, and according to that you can navigate either way and proceed with the installation by hitting the Install button.

Now, it will show an installation progress bar. After the installation is done, hit Finish to launch start using Visual Studio Code.

You can use the smile icon on the right bottom corner to report any feedback you have in your mind.

Hope beginners find this basic tutorial useful.

จิรโชติ หวังกระแทกคาง

About the author

ฉันเป็นนักพัฒนาเว็บที่มีประสบการณ์มากกว่า 10 ปี ฉันเชี่ยวชาญด้านการพัฒนา Chrome OS และเคยทำงานในโครงการต่างๆ มากมายตั้งแต่สตาร์ทอัพขนาดเล็กไปจนถึงบริษัทที่ติดอันดับ Fortune 500 ฉันยังเป็นผู้เชี่ยวชาญในบัญชีผู้ใช้และความปลอดภัยของครอบครัว และได้พัฒนาแอพ Android ที่ประสบความสำเร็จหลายตัว

Visual Studio Code - วิธีดาวน์โหลดและติดตั้ง VSC

รหัส Visual Studio

กำลังดาวน์โหลด Visual Studio Code

การติดตั้ง Visual Studio Code

Visual Studio Code - How to download and install VSC