Tags:
Node Thumbnail

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

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

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

Tags:
Node Thumbnail

เมื่อกลางเดือนสิงหาคมไมโครซอฟท์ได้ออกอัพเดตให้ Visual Studio 2017 เป็นเวอร์ชัน 15.8

ของใหม่ที่น่าสนใจอย่างแรกคือการเพิ่มฟีเจอร์แก้ไขโค้ดทีละหลายตำแหน่ง (Multi-caret editing) ที่อาจฟังดูไม่ใหม่ซักเท่าไหร่สำหรับท่านที่เคยใช้งาน code editor ตัวอื่นๆ มาก่อน แต่นี่นับว่าเป็นครั้งแรกของ Visual Studio รุ่นใหญ่ที่ได้เริ่มใส่ฟีเจอร์ดังกล่าวให้ใช้งานโดยไม่ต้องติดตั้ง extension เพิ่มเติม

นักพัฒนาจะสามารถใช้คีย์ลัดเช่น Ctrl + Alt ร่วมกับคลิกซ้ายเพื่อเพิ่มเคอร์เซอร์ ณ ตำแหน่งที่ต้องการ ก่อนเริ่มลงมือแก้ไขโค้ดตำแหน่งที่มีเคอร์เซอร์วางอยู่ไปพร้อมๆ กัน เข้าไปดูคีย์ลัดที่มีให้ใช้ทั้งหมดได้ที่เมนู Edit > Multiple Carets

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 คงคุ้นเคยกับฟีเจอร์ช่วยแนะนำการเขียนโค้ด IntelliSense กันเป็นอย่างดี ล่าสุดไมโครซอฟท์จะเปิด IntelliSense ให้กับ IDE ตัวอื่นๆ ที่ไม่ใช่ของตัวเองแล้ว

เบื้องหลังการทำงานของ IntelliSense ในยุคปัจจุบัน ไม่ได้รันอยู่บน Visual Studio โดยตรง แต่รันบน Language Server ที่ทำหน้าที่อ่านและวิเคราะห์โค้ดในแต่ละภาษา แล้วส่งข้อมูลกลับไปยังตัว IDE ผ่าน Language Server Protocol (LSP) ที่ใช้ฟอร์แมตแบบ JSON

ไมโครซอฟท์พัฒนา Language Server Protocol (LSP) ขึ้นมาเพื่อใช้กับ Visual Studio Code สามารถเพิ่มภาษาใหม่ๆ ได้ง่าย เพราะเพียงแค่เพิ่มเซิร์ฟเวอร์ของภาษาใหม่มาอีกตัวเท่านั้น

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

ไมโครซอฟท์ประกาศแผนการออก Visual Studio 2019 แล้ว ตอนนี้ยังไม่มีรายละเอียดของฟีเจอร์ที่ชัดเจน แต่ภาพรวมก็เป็นเรื่องของประสิทธิภาพที่ดีขึ้นในทุกๆ ด้าน การทำงานร่วมกันระหว่างทีมที่ดีขึ้น (เช่น Live Share) และความฉลาดที่ช่วยงานได้มากขึ้น (เช่น IntelliCode)

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

Tags:
Node Thumbnail

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

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

Tags:
Node Thumbnail

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

จุดแตกต่างสำคัญของ IntelliCode คือไมโครซอฟท์เทรน AI ให้อ่านโค้ดคุณภาพระดับ 100 ดาวบน GitHub กว่า 2,000 โครงการเพื่อศึกษาว่าโค้ดที่ดีเป็นอย่างไร จากนั้นนำโมเดลที่เรียนได้มาประยุกต์ใช้กับโค้ดที่เรากำลังเขียนอยู่

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

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

Chrome 64 เปลี่ยนคอมไพล์เลอร์จาก Microsoft Visual C++ (MSVC) มาเป็น Clang ให้เหมือนกับแพลตฟอร์มอื่นๆ ได้แก่ macOS, iOS, Linux, Chrome OS, Android, และ Windows

เหตุผลสำคัญในการเปลี่ยนคอมไพล์เลอร์คือการรวมคอมไพล์เลอร์เข้ามาเป็นตัวเดียวเพื่อลดระยะเวลาการพัฒนาลง เพราะโปรแกรมเมอร์มักคุ้นกับการคอมไพล์บนแพลตฟอร์มที่ตัวเองดูแลอยู่เท่านั้น เมื่อโค้ดคอมไพล์ไม่ผ่านบนแพลตฟอร์มอื่นการแก้ไขก็จะใช้เวลานาน

Tags:
Node Thumbnail

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

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

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

Tags:
Node Thumbnail

เมื่อต้นเดือนกุมภาพันธ์ไมโครซอฟท์ออกอัพเดตให้กับ Windows Template Studio เครื่องมืออำนวยความสะดวกให้กับการเริ่มต้นพัฒนาแอพ Universal Windows Platform ด้วยการทำหน้าที่เป็นวิซาร์ดช่วยขึ้นโครงร่างแอพผ่านตัวเลือกต่างๆ จนได้แอพ UWP ที่สามารถเป็นตัวอย่างพร้อมให้นำไปแก้ไขและทดลองรันได้ภายในไม่กี่คลิก

โดยใน WTS เวอร์ชัน 1.7 ไมโครซอฟท์ได้เพิ่มฟีเจอร์ใหม่เข้ามาอย่างการรองรับ Prism framework และเพิ่มการรองรับภาษาที่ไมโครซอฟท์ให้ความสำคัญรองลงมาอย่างภาษา Visual Basic

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตให้ Visual Studio 2017 เป็นเวอร์ชัน 15.5

ของใหม่ที่สำคัญคือประสิทธิภาพที่ดีขึ้นแทบทุกด้าน การโหลดไฟล์โซลูชันขนาดใหญ่ (C#/VB) ใช้เวลาน้อยลงถึงครึ่งหนึ่ง ส่วนเวลาที่ใช้สลับระหว่างโหมดีบั๊กและรีลีิสก็ลดลงเช่นกัน และเวลาที่ใช้ unfold เทมเพลตก็อาจเร็วขึ้นถึง 40 เท่า

ในแง่ฟีเจอร์ก็มีของใหม่หลายอย่าง เช่น historical debugging หรือการย้อนกลับไปยัง breakpoint ก่อนหน้าเพื่อดูสถานะของตัวแปรอีกครั้ง, รองรับ Docker แบบ multi-stage, การจัดการรหัสผ่านที่ใช้ล็อกอินเข้าฐานข้อมูลหรือเว็บเซอร์วิส เพื่อไม่ต้อง hardcode ไฟล์เหล่านี้, รองรับการทำงานกับ Xamarin Live Player

วิดีโอเปรียบเทียบความเร็วของ VS2017 15.5 vs 15.4

Tags:
Node Thumbnail

ทีมพัฒนาภาษา C# จาก Microsoft ปล่อยภาษารุ่นต้นแบบ (prototype) มาทดลองความสามารถสำหรับลดปริมาณปัญหาที่เกี่ยวกับ null โดยเฉพาะ ด้วยการเพิ่มชนิดข้อมูลใหม่ (type) ที่คล้ายกันภายใต้ชื่อว่า nullable มาให้เลือกใช้งาน

ผู้สนใจสามารถดาวน์โหลดความสามารถนี้มาทดลองเล่นได้ผ่าน GitHub

ส่วนใครสงสัยว่า nullable คืออะไร มีบทบาทอย่างไรในการแก้บั๊ก เชิญอ่านต่อข้างในได้เลย

Tags:
Node Thumbnail

ไมโครซอฟท์ปล่อยส่วนเสริม Microsoft Visual Studio Tools for AI เพิ่มฟังก์ชั่นด้านปัญญาประดิษฐ์ให้กับ Visual Studio โดยมีฟีเจอร์ตั้งแต่การพัฒนาโค้ดที่เพิ่ม IntelliSense ให้กับเฟรมเวิร์คดังๆ และการดีบั๊กบนเครื่องของเราเอง ไปจนถึงการเชื่อมต่อกับ Auzre ML เพื่อส่งงานขึ้นไปรันบนคลาวด์

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

ตัวส่วนเสริมนี้รองรับทั้ง Visual Studio 2015 และ 2017 แต่ต้องใช้งานบนวินโดวส์ 64 บิตเท่านั้น

ที่มา - eWeek

Tags:
Node Thumbnail

ไมโครซอฟท์โชว์ฟีเจอร์ใหม่ Live Share ของ Visual Studio (ใช้ได้ทั้ง Visual Studio 2017 และ Visual Studio Code) เพื่อให้นักพัฒนามาร่วมเขียนโค้ดได้พร้อมกัน

จุดเด่นของ Live Share คือความง่ายในการแชร์ เพราะเป็นการแชร์แบบเห็น workspace ของอีกฝ่ายทันที (เหมือนกับใช้พวก Google Docs) ไม่ต้องเสียเวลามาซิงก์ข้อมูล, clone repo หรือติดตั้งไลบรารีใดๆ ที่เป็น dependency กันก่อน

เราจะเห็นเคอร์เซอร์ของอีกฝ่ายว่าอยู่ตรงจุดไหน กำลังพิมพ์อะไรอยู่ แถมตัว editor ยังรองรับฟีเจอร์ทุกอย่างเหมือนการเขียนโค้ดปกติ เช่น การช่วยเติมคำ, IntelliSense, refactor, debugger

Tags:
Node Thumbnail

ไมโครซอฟท์รับ Don Jayamanne ผู้สร้างส่วนเสริม Python สำหรับ VSCode เข้าทำงานในบริษัท หลังจากส่วนเสริม Python ได้รับความนิยมสูงสุด มีจำนวนการติดตั้งกว่าสี่ล้านครั้ง

ความเปลี่ยนแปลงครั้งนี้ทำให้ส่วนเสริม Python จะเปลี่ยนชื่อผู้ผลิตเป็นไมโครซอฟท์เอง และโค้ดหลักก็จะย้ายจาก https://github.com/DonJayamanne/pythonVSCode ไปยัง https://github.com/microsoft/vscode-python โดยไมโครซอฟท์สัญญาว่าจะให้ความสำคัญกับส่วนเสริมนี้มากขึ้นพร้อมกับประกาศรับสมัครคนมาช่วยพัฒนาเพิ่มเติม โดยให้ส่งเมลไปที่ pythonjobs@microsoft.com

ตอนนี้ส่วนเสริมสำหรับการรองรับภาษาใน VSCode สามอันดับแรกกลายเป็นของไมโครซอฟท์ทั้งหมด ได้แก่ ภาษา Python, C/C++, และ C#

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

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

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

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

ไมโครซอฟท์มีตัวช่วยออกแบบอินเทอร์เฟซ XAML Designer อยู่ใน Visual Studio มานาน แต่มันไม่ค่อยได้รับการปรับปรุงมากนัก โดยเฉพาะเรื่องประสิทธิภาพที่มีคนบ่นกันมาก

ล่าสุดไมโครซอฟท์ประกาศยกเครื่อง XAML Designer ใหม่ โดยเน้นไปที่ประเด็นเหล่านี้

Pages