Tags:
Node Thumbnail

ทีมงาน Visual Studio Code ประกาศ roadmap ของปี 2019 ว่าจะพัฒนาซอฟต์แวร์ในด้านใดบ้าง ประเด็นที่น่าสนใจมีดังนี้

  • ปรับปรุงหน้าตาของโปรแกรมในจุดเล็กๆ น้อยๆ เช่น ไอคอนของปุ่ม และหาวิธีเชื่อมโยงกับ Fluent Design System แบบใหม่ของไมโครซอฟท์
  • ปรับปรุงการเรียกโปรแกรม (startup time) ให้เร็วขึ้น, เปลี่ยนมาใช้ tree widget ตัวใหม่ที่เร็วกว่าเดิม, หาวิธีในการบ่งชี้ว่าส่วนขยายตัวไหนทำ VS Code ช้าลง
  • ปรับปรุงการทำงานร่วมกับ Windows Subsystem for Linux (WSL) ให้ดีขึ้นกว่าเดิม
  • หารือกับทีม TypeScript เพื่อพัฒนาการใช้งานบน VS Code ให้ดีขึ้น
Tags:
Node Thumbnail

GitHub ออกประกาศให้บริการเก็บโค้ดเป็นส่วนตัวให้ฟรีตามที่หลุดออกมาก่อนหน้านี้ โดยจำกัดผู้ร่วมโครงการไม่เกิน 3 คน ระบุว่านักพัฒนาจำนวนหนึ่งต้องการพัฒนาโค้ดบางส่วนในพื้นที่ปิดก่อนจะเปิดสู่สาธารณะ หรือบางทีก็ใช้งานในโครงการย่อยที่ไม่ต้องการเปิดเผย

นอกจากการเปิดบริการฟรีแล้ว ทาง GitHub ยังปล่อยส่วนขยายสำหรับ VS Code ทำให้สามารถสร้าง Pull Request (PR) ได้จากใน editor โดยตรง นอกจากแค่สร้าง PR แล้ว ยังสามารถเปิดเป็น "suggested code edits" เพื่อแสดงเป็นคอมเมนต์แทนที่จะสร้าง PR ตรงๆ และยังดูสถานะของแพตช์ได้ว่าทดสอบผ่านหรือยัง

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตเวอร์ชัน 1.30 ให้กับ Visual Studio Code มาพร้อมความสามารถใหม่และการปรับปรุงหลายอย่าง

การเปลี่ยนแปลงที่น่าสนใจในอัพเดตนี้อย่างแรกคือเพิ่มหน้า References view บน Side Bar เพื่อใช้กับการแสดงผลการค้นหาโค้ดด้วยเมนูคลิกขวา Find All References โดยเฉพาะ (บางท่านอาจเคยใช้งานในชื่อ List All References ซึ่งเป็นเมนูทดลองบนเวอร์ชันก่อน) ช่วยให้ค้นหาการอ้างอิงโค้ดในลักษณะดังกล่าวทำได้สะดวกกว่าการแสดงผลขึ้นมาลอยทับตัว editor แบบเดิม

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ขยับเวอร์ชันเป็น 1.29 มาพร้อมฟีเจอร์ใหม่และการปรับปรุงหลายอย่าง

ฟีเจอร์ใหม่ที่น่าสนใจอย่างแรกคือการรองรับการค้นหาโค้ดหลายบรรทัดด้วย regular expression โดยเมื่อผู้ใช้ค้นหาโค้ดด้วยสัญลักษณ์ \n (ซึ่งมีความหมายแทนการขึ้นบรรทัดใหม่) VS Code จะช่วยแสดง block ของโค้ดที่ตรงตามเงื่อนไข ช่วยให้นักพัฒนาค้นหาโค้ดที่ต้องการได้สะดวกขึ้น

Tags:
Node Thumbnail

ปีนี้ไมโครซอฟท์เพิ่งโชว์ฟีเจอร์ IntelliCode ของ Visual Studio ที่ใช้ AI เรียนรู้โค้ดจากโครงการบน GitHub แล้วมาช่วยแนะนำการเขียนโค้ดให้เรา สถานะของมันยังเป็นโครงการทดลอง ต้องติดตั้งส่วนขยายเพิ่มเติม และรองรับเฉพาะภาษา C# (Visual Studio) และ Python (VS Code) เท่านั้น

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้กับ Visual Studio Code เป็นเวอร์ชัน 1.27 มาพร้อมการปรับปรุงหลายอย่าง

การเปลี่ยนแปลงที่เห็นได้ชัดในอัพเดตนี้คือการปรับหน้า Settings ของ VS Code จากเดิมที่ใช้วิธีแก้ไขไฟล์ settings.json มาเป็น GUI ช่วยให้ผู้ใช้เข้าถึงการตั้งค่าต่างๆ ได้ง่ายขึ้น

แต่ถ้าท่านใดใช้แบบเก่าจนคุ้นชินแล้วก็ยังสามารถสลับกลับไปใช้หน้า Settings เดิมได้ได้ผ่านการตั้งค่าที่ใช้ชื่อว่า "workbench.settings.editor"

Tags:
Node Thumbnail

นี่คงเป็นเรื่องดีๆ ที่จับต้องได้ชัดเจน หลัง ไมโครซอฟท์ซื้อ GitHub ล่าสุดทีม Visual Studio Code ประกาศออกส่วนขยาย GitHub Pull Requests ให้ใช้งานกัน

หน้าที่ของมันก็ตรงตามชื่อ คือเราสามารถสั่ง pull request ซอร์สโค้ดใน GitHub ได้จากตัว Visual Studio Code เลย กระบวนการมีตั้งแต่ล็อกอินและยืนยันตัวตนบัญชี GitHub, ดูรายการ pull request, รีวิวและคอมเมนต์ได้จากตัว editor

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้กับ Visual Studio Code ขยับเวอร์ชันเป็น 1.26 มาพร้อมกับของใหม่และการปรับปรุงหลายอย่าง

ของใหม่ที่น่าสนใจอย่างแรกคือการเพิ่ม breadcrumb เข้ามาที่ด้านบนของ editor ช่วยแสดงตำแหน่งที่อยู่ของเคอร์เซอร์ปัจจุบันเทียบกับพาธของไฟล์และโครงสร้างของโค้ด และยังสามารถคลิกที่ breadcrumb เพื่อเลือกโฟลเดอร์, ไฟล์ หรือตำแหน่งของโค้ดที่ต้องการเรียกใช้งานได้อย่างรวดเร็ว เปิดใช้งานได้ที่เมนู View > Toggle Breadcrumbs

Tags:
Node Thumbnail

ในงาน Microsoft Build 2018 เมื่อเดือนพฤษภาคมที่ผ่านมา ไมโครซอฟท์ได้เปิดตัว IntelliCode ฟีเจอร์ช่วยเติมโค้ดที่ใช้ความสามารถของ AI ซึ่งจะช่วยให้ Visual Studio แนะนำโค้ดได้อย่างแม่นยำกว่าเดิม โดยในขณะนั้น IntelliCode ยังถูกจำกัดใช้งานไว้เพียงแค่ Visual Studio 2017 ที่เป็นรุ่นใหญ่และยังใช้ได้กับภาษา C# เท่านั้น

ตอนนี้ก็ได้เวลาของนักพัฒนาสายโอเพ่นซอร์สกันบ้าง เมื่อไมโครซอฟท์ได้ดำเนินการเพิ่มฟีเจอร์ IntelliCode ให้กับ Visual Studio Code เป็นที่เรียบร้อย โดยมาในรูปแบบของส่วนเสริมให้นักพัฒนาดาวน์โหลดไปติดตั้ง สามารถใช้กับภาษา Python ได้เป็นภาษาแรก

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ขยับเวอร์ชันเป็น 1.25 มาพร้อมกับฟีเจอร์ใหม่และการปรับปรุงหลายอย่าง

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

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้กับ Visual Studio Code ขยับเลขรุ่นเป็น 1.24 มาพร้อมกับการปรับปรุงและความสามารถใหม่ให้เริ่มทดลองใช้งานหลายอย่าง

ของใหม่ที่น่าสนใจอย่างแรกคือการปรับปรุงให้ VS Code สามารถเปิด workspace เดียวกันได้ทีละหลายหน้าต่าง ผ่านคำสั่ง Duplicate Workspace in New Window ซึ่งจะเป็นประโยชน์อย่างมากเมื่อต้องการใช้งาน VS Code บนจอมอนิเตอร์มากกว่าหนึ่งจอ

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ VS Code ขยับเลขเวอร์ชันเป็น 1.23 มาพร้อมกับการปรับปรุงหลายอย่าง

โดยมีของใหม่ที่น่าสนใจอย่างแรกคือการเพิ่มสีไฮไลท์ให้กับเส้นไกด์ย่อหน้า ช่วยให้นักพัฒนาไล่ดูจุดเริ่มต้นและจุดสิ้นสุดของโค้ดภายใต้ block เดียวกันได้สะดวกขึ้น

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ขยับเลขรุ่นเป็น 1.22 โดยมาพร้อมกับการปรับปรุงใหม่ๆ หลายอย่าง

การปรับปรุงที่น่าสนใจของอัพเดตนี้อย่างแรกคือ code folding ให้สามารถซ่อน / แสดงโค้ดตาม syntax ของภาษา CSS, HTML, JSON และ Markdown ได้โดยอัตโนมัติ ไม่ต้องอาศัยการจัดย่อหน้าโค้ดด้วยตัวเองอย่างเวอร์ชันก่อนๆ

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ขยับเลขรุ่นเป็น 1.21

สิ่งใหม่ที่น่าสนใจของอัพเดตนี้อย่างแรกคือการปรับปรุง UI ในส่วนของ notification จากเดิมที่เป็นแถบลอยขึ้นมาในส่วนบนของ VS Code ซึ่งหลายครั้งมักจะทับการแสดงผลแท็บทำให้นักพัฒนาจำเป็นต้องจัดการปิด notification ณ ขณะที่แจ้งเตือนเลย

โดยได้เปลี่ยนมาเป็นตัวจัดการ notification ที่สามารถซ่อนและเรียกดูอีกครั้งเมื่อไหร่ก็ได้ด้วยการกดที่ไอคอนระฆังที่มุมล่างขวาของ VS Code และยังได้ย้ายการแสดงผลมาไว้ในบริเวณเดียวกันอีกด้วย

Tags:
Node Thumbnail

เมื่อไม่นานมานี้ Anaconda, Inc. ผู้พัฒนาแพลตฟอร์ม data science ชื่อดังได้ประกาศความร่วมมือกับไมโครซอฟท์ เพื่อนำ Anaconda Python ไปใช้งานภายในผลิตภัณฑ์และบริการของไมโครซอฟท์เริ่มต้นจาก Azure Machine Learning, Machine Learning Server, Visual Studio และ SQL Server (อ่านรายละเอียดทั้งหมดที่นี่)

ผลจากข้อตกลงดังกล่าวทำให้ทางฝั่ง Anaconda ได้รับสิทธิแจกจ่ายเครื่องมือพัฒนาของไมโครซอฟท์อย่าง Visual Studio Code เช่นกัน โดยตั้งแต่กลางเดือนกุมภาพันธ์ที่ผ่านมาทางบริษัทได้ผนวก VS Code เข้ามาในตัวติดตั้งของ Anaconda distribution เครื่องมือจัดการแพคเกจ Python ซึ่งกำลังเป็นที่นิยมอย่างมาก เพื่อช่วยให้ผู้ใช้ Anaconda ใช้งาน VS Code ได้สะดวกขึ้น

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ตัวแก้ไขโค้ดฉบับโอเพนซอร์สครั้งใหญ่ขยับเลขรุ่นเป็น 1.20

ของใหม่ที่น่าสนใจที่เพิ่มเข้าในอัพเดตนี้อย่างแรกคือ การปรับปรุงแถบ Explorer ให้สามารถเลือกไฟล์ได้ทีละหลายไฟล์ ด้วยการใช้คีย์ Ctrl/Cmd หรือ Shift + การคลิกเมาส์ ช่วยให้สามารถลบ/ลากเพื่อย้ายโฟลเดอร์ทีละหลายไฟล์ หรือจะลากเพื่อนำไฟล์ทั้งชุดไปเปิดบนแถบ editor ใหม่ก็ทำได้

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

Tags:
Node Thumbnail

Visual Studio Code ออกเวอร์ชันใหม่ 1.18 มาพร้อมฟีเจอร์มากมาย เช่น

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้กับ Visual Studio Code ตัวแก้ไขโค้ดฉบับโอเพนซอร์สขยับเลขรุ่นเป็น 1.17

ฟีเจอร์ใหม่ที่น่าสนใจของอัพเดตนี้อย่างแรกคือการรองรับ Touch Bar บน Macbook Pro รุ่นใหม่ โดยจะสามารถใช้ปุ่มเดินหน้า / ถอยหลังช่วยสลับไปมาระหว่าง editor ที่ถูกเปิดใช้งานอยู่ ไปจนถึงใช้สั่งเริ่มและควบคุมการดีบักโค้ดได้

นอกจากนี้ VS Code ยังเปิดให้ส่วนเสริมหรือ extension จากนักพัฒนาภายนอกสามารถเพิ่มเมนูและรับคำสั่งจาก Touch Bar ได้เช่นกัน

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้กับ Visual Studio Code ตัวแก้ไขโค้ดฉบับโอเพนซอร์สขยับเลขรุ่นเป็น 1.16

สิ่งน่าสนใจที่ถูกเพิ่มเข้ามาในอัพเดตนี้อย่างแรกคือการเพิ่มตัวช่วย refactoring ฟังก์ชั่นบนภาษา JavaScript และ TypeScript ทำให้นักพัฒนาสามารถแยกโค้ดส่วนที่คิดว่าเริ่มซับซ้อนออกมาเป็นฟังก์ชั่นหรือเมธอดใหม่ได้อย่างรวดเร็ว เพียงแค่ลากเมาส์เพื่อเลือกโค้ดส่วนที่ต้องการแล้วกดไอคอนหลอดไฟด้านหน้าโค้ดหรือกดคีย์ลัด Ctrl + .

นอกจากนี้ยังช่วยอำนวยความสะดวกให้กับการเขียน HTML เพิ่มเติม โดยได้ปรับปรุงตัวช่วยเลือกสี (Color picker) ให้ใช้งานภายในแท็ก style ในเอกสาร HTML ได้แล้ว (อัพเดตก่อนใช้ได้กับไฟล์ CSS, SASS และ Less เท่านั้น)

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ตัวแก้ไขซอร์สโค้ดฉบับโอเพนซอร์สขยับเลขรุ่นเป็น 1.15

การเปลี่ยนแปลงที่น่าสนใจในอัพเดตนี้อย่างแรกคือ การปรับปรุงการรองรับไฟล์ขนาดใหญ่ ด้วยการปิดฟีเจอร์ของ VS Code บางอย่าง (เช่น line guide, code wrapping / folding) เมื่อเปิดไฟล์ที่มีขนาดตั้งแต่ 30 MB หรือ 300,000 บรรทัดขึ้นไป ทำให้สามารถเพิ่มประสิทธิภาพและช่วยลดการใช้งานหน่วยความจำของเครื่องลงได้ (ในบางกรณีถึง 50%) อีกทั้งยังได้ถอดข้อจำกัดในการเปิดไฟล์ขนาดใหญ่ออกจากรุ่น 64 บิต และขยายขนาดไฟล์ที่สามารถเปิดได้จากเดิม 50 MB เป็น 300 MB บนรุ่น 32 บิต

Tags:
Node Thumbnail

ไมโครซอฟท์ปล่อยอัพเดตเวอร์ชันใหม่ของส่วนเสริม Visual Studio Team Services ให้กับตัวแก้ไขซอร์สโค้ดโอเพนซอร์ส Visual Studio Code โดยได้เพิ่มการรองรับ Team Foundation Version Control (TFVC) ระบบจัดการซอร์สแบบรวมศูนย์ที่ไมโครซอฟท์พัฒนาเอง

ทำให้ในตอนนี้ VS Code สามารถใช้ TFVC เป็นตัวเลือกในการจัดการซอร์สโค้ดเพิ่มเติมนอกเหนือจาก Git ที่ VS Code รองรับตั้งแต่แรก โดยนักพัฒนาจะสามารถใช้ส่วนเสริมดังกล่าวเชื่อมต่อได้ทั้งกับ Team Foundation Server สำหรับกรณีติดตั้งเซิร์ฟเวอร์ไว้ใช้ภายในองค์กร (ต้องเป็นเวอร์ชัน 2015 Update 2 หรือใหม่กว่า) และ Team Services ที่ให้บริการโดยไมโครซอฟท์

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ตัวแก้ไขซอร์สโค้ดฉบับโอเพนซอร์สขยับเลขรุ่นเป็น 1.9

การเปลี่ยนแปลงที่น่าสนใจของอัพเดตครั้งนี้ อยู่ที่การปรับปรุงหน้าต้อนรับหรือ Welcome page ซึ่งได้เพิ่มลิงก์แนะนำฟีเจอร์และการใช้งาน รายการโฟลเดอร์ที่ใช้ล่าสุด คู่มือสรุปคีย์ลัด พร้อมดึงการตั้งค่ามาแสดงรวมไว้ในหน้าเดียวกัน ช่วยให้สามารถเรียนรู้และเข้าถึงส่วนต่างๆ ของ Visual Studio Code ได้สะดวกขึ้น

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio Code ตัวแก้ไขซอร์สโค้ดฉบับโอเพนซอร์สขยับเลขรุ่นเป็น 1.7

การเปลี่ยนที่เห็นได้ชัดในอัพเดตครั้งนี้ อย่างแรกคือการเพิ่มเลย์เอาต์แนวนอนให้กับ workbench ซึ่งจะช่วยให้การเปิดโค้ดเทียบกันทีละหลายไฟล์ทำได้สะดวกขึ้น โดยอย่างยิ่งในกรณีที่โค้ดยาวเกินเมื่อแบ่งหน้าจอในแนวตั้ง

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้กับตัวแก้ไขซอร์สโค้ดโอเพนซอร์ส Visual Studio Code ขยับเลขเวอร์ชันเป็นรุ่น 1.3

โดยได้เพิ่มฟีเจอร์ใหญ่อย่างการเพิ่มแท็บสำหรับหน้าต่าง editor ช่วยจัดระเบียบ workbench ให้ใช้งานได้สะดวกขึ้น และเพิ่มหน้าจัดการ extension ช่วยให้สามารถค้นหาและติดตั้งและอัพเดตส่วนเสริมที่ต้องการได้จาก VS Code เลย (แต่ก่อนต้องค้นหาผ่าน Visual Studio Marketplace แล้วก็อปปี้คำสั่งติดตั้งมาใช้บน VS Code อีกที)

สำหรับการปรับปรุงทั้งหมดที่ไมโครซอฟท์ยกให้เป็นไฮไลท์ของการอัพเดตครั้งนี้มีดังนี้