Tags:
Node Thumbnail

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

การปรับปรุงที่น่าสนใจอย่างแรก คือการเพิ่มตัวเลือกการแสดงผลแบบใหม่ให้กับหน้าเทียบโค้ด (diff view) ขณะกำลัง merge conflict ทำให้สามารถเลือกที่จะเปิด diff view ขึ้นมาเป็นกลุ่มของ editor ชุดใหม่ได้ทั้งทางขวาหรือด้านล่าง editor ชุดเดิม แทนที่จะเปิดเป็นแท็บใหม่ซึ่งพาผู้ใช้ออกจากแท็บของโค้ดที่กำลังตัดสินใจ merge อย่างแต่ก่อน

Tags:
Node Thumbnail

ไมโครซอฟท์อำนวยความสะดวกให้นักพัฒนาสาย Java ที่ใช้ Visual Studio Code เป็นเครื่องมือพัฒนา โดยออกตัวติดตั้ง Visual Studio Code Java Pack Installer มาให้ใช้งาน ลดระยะเวลาในการเซ็ตอัพสภาพแวดล้อมของการพัฒนาลง

ตัวติดตั้งนี้จะช่วยดาวน์โหลดซอฟต์แวร์ที่จำเป็นในการพัฒนา Java ได้แก่

  • JDK เวอร์ชันล่าสุด
  • Visual Studio Code เวอร์ชันล่าสุด
  • ส่วนขยายของ Visual Studio Code ที่เกี่ยวข้องกับ Java

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

ที่มา - Visual Studio Blog

Tags:
Node Thumbnail

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

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

Node Thumbnail

ไมโครซอฟท์เปิดตัว Visual Studio Online ความสามารถก็ตามชื่อคือเป็น IDE เวอร์ชันเว็บเบราว์เซอร์ สามารถเขียนโค้ดได้โดยไม่ต้องติดตั้งโปรแกรมใดๆ เพียงแค่เข้าเว็บ online.visualstudio.com ก็ทำงานได้ทันที

Visual Studio Online ไม่ได้เป็น Visual Studio ตัวเต็ม แต่เป็น Visual Studio Code เวอร์ชันทำงานบนเบราว์เซอร์ (VS Code สร้างด้วยเทคโนโลยีเว็บบน Electron อยู่แล้ว) และรองรับส่วนขยายของ VS Code ที่คุ้นเคย

Tags:
Node Thumbnail

ไมโครซอฟท์เปิดตัวส่วนขยายสำหรับ VS Code ในชื่อ Remote Development ทำให้สามารถพัฒนาซอฟต์แวร์บนเครื่องอื่นผ่านการเชื่อมต่อ SSH, ใน Windows Subsystem for Linux (WSL), หรือแม้แต่ในคอนเทนเนอร์

ความสามารถนี้ไม่ใช่เพียงการเมาน์สตอเรจจากระยะไกลมาแก้ไขไฟล์บนเครื่องของเราเท่านั้น แต่ในเครื่องหรือคอนเทนเนอร์นั้นมี VS Code รันอยู่ด้วย และส่วนขยายบางส่วนก็จะไปรันอยู่บนเครื่องระยะไกลเหล่านั้น เช่น ส่วนขยายสำหรับรองรับภาษาที่ใช้ดีบั๊กก็จะรันอยู่ในเซิร์ฟเวอร์ ขณะที่ส่วนขยายจำพวกธีมจะรันบนเครื่องของเรา

Tags:
Node Thumbnail

Atlassian ประกาศออกส่วนขยาย Atlassian for VS Code สำหรับเชื่อมต่อ Visual Studio Code เข้ากับบริการของตัวเอง 2 ตัวคือ Bitbucket Cloud และ Jira Software Cloud อย่างแนบแน่น

Atlassian บอกว่าปัจจุบัน นักพัฒนาใช้โปรแกรม 3 ตัวร่วมกันคือ แชท, IDE และ code repository ทำให้ต้องสลับแอพไปมาตลอดเวลา บริษัทจึงออกส่วนขยายตัวนี้ เพื่อให้ทุกอย่างรวมอยู่ที่เดียวกัน เราสามารถส่งโค้ดขึ้น Bitbucket, ทดสอบแอพผ่าน CI/CD (Bitbucket Pipelines) และคุยกับเพื่อนร่วมงานเพื่อแก้บั๊กบน Jira ได้จากตัว IDE (ในที่นี้คือ VS Code) ได้เลย

Tags:
Node Thumbnail

สิ่งที่ขาดไม่ได้ของเบราว์เซอร์ยุคนี้คือ Developer Tools (DevTools) หรือเครื่องมือให้นักพัฒนาคอยดีบั๊กเว็บไซต์ ฝั่งไมโครซอฟท์ก็เผยหน้าตาของ DevTools ใน Microsoft Edge ตัวใหม่ยุค Chromium

หน้าตาของ DevTools ของ Edge ในตอนนี้ต้องบอกว่าไม่ต่างจากของ Chrome แต่อย่างใด สิ่งที่ไมโครซอฟท์เพิ่มเข้ามาเป็นอย่างแรกคือปรับธีมเป็นสีดำ โดยใช้ธีมสีเดียวกับ Visual Studio Code เพื่อให้หน้าตาเครื่องมือของไมโครซอฟท์ไปในทางเดียวกันหมด

ไมโครซอฟท์ให้ข้อมูลว่าผู้ใช้ VS Code สัดส่วน 85% เลือกใช้ธีมสีเข้ม จึงตัดสินใจใช้ธีมสีเข้มเป็นดีฟอลต์ใน DevTools ด้วย แต่ก็มีธีมสีอ่อนให้เลือกใช้ถ้าต้องการ

Tags:
Node Thumbnail

Google เปิดตัว Cloud Code ในงาน Google Cloud Next โดย Cloud Code นี้คือเซ็ทของปลั๊กอินสำหรับ IntelliJ และ VS Code เพื่อช่วยให้ระบบพัฒนาเป็น automate มากขึ้น สามารถคุม software development lifecycle ได้ดีขึ้นผ่านเครื่องมือที่ผู้ใช้ใช้งานอยู่แล้ว

Google ระบุว่า Cloud Code เวอร์ชันแรกนี้ จะโฟกัสที่การพัฒนาแอปสำหรับรันบน Kubernetes (รวม GKE) ซึ่งปลั๊กอินนี้จะต่อขยายให้ IDE ทั้งสองตัวสามารถใช้พัฒนาแอปแบบ cloud-native Kubernetes ได้สะดวกยิ่งขึ้น ซึ่งจะมีเบื้องหลังเป็นเครื่องมืออย่างเช่น Skaffold, Jib หรือ Kubectl รันอยู่เบื้องหลัง

Tags:
Node Thumbnail

Visual Studio Code มีเวอร์ชันลินุกซ์มานานแล้ว โดยมีแพ็กเกจให้เลือกหลากหลายทั้ง .deb, .rpm ที่ใช้กันทั่วไป หรือแพ็กเกจแปลกๆ หน่อยอย่าง AUR (Arch Linux) หรือ Nix (NixOS)

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

Tags:
Node Thumbnail

ไมโครซอฟท์ปล่อยโปรแกรมเช็คชนิดตัวแปรก่อนรัน (static type checker) ในชื่อ Pyright โดยที่ตัวโปรแกรมเองพัฒนาจากภาษา TypeScript เนื่องจากต้องการให้รันร่วมกับ VSCode ได้โดยไม่ต้องการรันไทม์อื่นเพิ่มเติม

Pyright มีความสามารถในการตรวจสอบชนิดตัวแปรตามเอกสาร PEP 484, PEP 526, PEP 544 สามารถดูชนิดตัวแปรที่คืนค่าจากฟังก์ชั่น, ตัวแปรของออปเจกต์, หรือตัวแปรของคลาส สำหรับไลบรารีมาตรฐาน จะใช้สำเนาจาก Typeshed มาในตัว

Tags:
Node Thumbnail

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

การปรับปรุงที่น่าสนใจอย่างแรกคือ การเพิ่มความสามารถให้ IntelliSense แสดงผลคำอธิบาย ARIA attribute และ DOM event ขณะเขียนโค้ด HTML (ใช้ข้อมูลจาก W3C และ MDN) ซึ่งจะช่วยให้นักพัฒนาเว็บเลือกใช้งาน attribute ข้างต้นได้สะดวกกว่าเดิม

Tags:
Node Thumbnail

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

อย่างแรกคือการเปลี่ยนมาใช้ tree widget ตัวใหม่ตามแผนพัฒนาปี 2019 ของทีม VS Code เพื่อปรับปรุงประสิทธิภาพและเพิ่มความสามารถใหม่ๆ ให้กับ tree (ทั้งในส่วนของ File Explorer, Debug, Search และ Peek References) ตัวอย่างเช่น

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 ได้โดยอัตโนมัติ ไม่ต้องอาศัยการจัดย่อหน้าโค้ดด้วยตัวเองอย่างเวอร์ชันก่อนๆ

Pages