VS Code ออกเวอร์ชัน 1.25 เพิ่มเลย์เอาต์แบบ grid, รันในโหมด portable ได้

By Job_The_Gamer Writer on Tag: Visual Studio Code, Visual Studio, Development, Portable software, Microsoft
Visual Studio Code

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

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

ส่วนอีกอย่างเป็นการปรับปรุงให้ VS Code รองรับการรันในโหมด portable ช่วยให้นักพัฒนาสามารถย้าย VS Code พร้อมการตั้งค่าต่างๆ ไปใช้งานบนเครื่องอื่นได้โดยสะดวก ผ่านการก็อปปี้ VS Code ลงไดรฟ์ USB หรือการแชร์ไฟล์ผ่านเน็ตเวิร์ค

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

ท่านใดสนใจเข้าไปศึกษาวิธีติดตั้งและการย้ายข้อมูลเดิมไปใช้กับ VS Code ที่รันในโหมด portable ได้ที่ลิงก์นี้

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

  • เพิ่ม Outline view แสดงโครงสร้างและความสัมพันธ์ของโค้ดภายในโปรเจ็กต์ในรูปแบบ tree
  • เพิ่มการตั้งค่า editor.hover เพื่อให้ผู้ใช้ปรับแต่งการลอยขึ้นมาของข้อมูลช่วยเหลือซึ่งบางครั้งอาจบังการเขียนโค้ดซะเอง
  • เพิ่มชุดคีย์ลัดสำหรับเลื่อนเคอร์เซอร์ให้โดดข้ามเป็นคำๆ บนโค้ดที่เขียนแบบ camelCase หรือแบ่งคำด้วย underscore
  • ปรับปรุงแถบ debug toolbar แบบ floating ให้สามารถลากไปที่ตำแหน่งใดก็ได้ตามชอบ เปลี่ยนจากของเดิมซึ่งจะลอยอยู่ในตำแหน่งเดียวกับแท็บ
  • ปรับปรุง Extension view ให้แสดงส่วนเสริมที่กำลังเปิดใช้งาน, ที่ปิดใช้งาน และส่วนเสริมที่ VS Code แนะนำแยกออกจากกันให้เห็นอย่างชัดเจน
  • ยังคงทดสอบ GUI สำหรับแก้ไขการตั้งค่า VS Code โดยอัพเดตนี้ได้เพิ่มแถบสารบัญช่วยให้สามารถไล่ดูการตั้งค่าทั้งหมดได้โดยสะดวก
  • เพิ่มเอกสารแนะนำการสร้างและดีบักเว็บแอพที่พัฒนาด้วย Python Flask ด้วย VS Code

การปรับปรุงข้างต้นเป็นเพียงส่วนหนึ่งของการอัพเดตครั้งนี้เท่านั้น รายละเอียดทั้งหมดสามารถเข้าไปอ่านต่อได้ที่ลิงก์ที่มาท้ายข่าวครับ

ที่มา - Visual Studio Code

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's company cover
CP AXTRA Public Company Limited - Lotus's
CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.
 Token X company cover
Token X
Blockchain, ICO, Tokenization, Digital Assets, and Financial Service
 Carmen Software company cover
Carmen Software
Hotel Financial Solutions
 Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
 United Information Highway Co., Ltd. company cover
United Information Highway Co., Ltd.
UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business
 KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
 Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
 Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
 Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
 Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
 CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
 Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
 CDG GROUP company cover
CDG GROUP
Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years
 Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
 CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
 Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
 Gofive company cover
Gofive
“We create world-class software experience”
 KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
 Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
 Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
 REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
 H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
 LTMH TECH company cover
LTMH TECH
LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
 Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
 MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
 Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
 LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
 LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

whitebigbird Sun, 07/15/2018 - 10:57

ขอบคุณครับ แต่ไม่ใช่ครับ ถ้าใน sublime บนแมคมันจะมีแท็บสองเลเวล

  • เลเวลปกติที่เป็นตัวสลับเอกสาร
  • เลเวลที่สองเหมือนสลับหน้าต่าง แต่อยู่ในรูปแบบแท็บในหน้าต่างเดียวกันครับ

ตอนนี้ผมอยู่ที่บ้าน ไม่มีแมคให้จับรูปภาพมาให้ดูครับ

แต่ก็ขอบคุณสำหรับลิงค์ข่าวเก่าครับ ได้รู้จักพาเนลตั้งครับ

hisoft Sun, 07/15/2018 - 11:36

เกือบบอกว่าต้องรออัปเดตถัดๆ ไปอีกเป็นปีๆ จะมีระบบ tab รวมแอปมาให้ นึกขึ้นได้ว่านั่นมันฟีเจอร์ของวินโดวส์ - -"

tukzazaza Mon, 07/16/2018 - 08:30

ไปตั้ง User Settings ครับ
window.nativeTabs: true

แล้วที่เมนู Windows จะมีหัวข้อ Merge All Tab ไรงั้นขึ้นมา กดแล้วมันจะ Merge ทุกวินโดว์ให้เป็น Tab ของ OSX ครับ

แต่จะมีบางเวอชั่นมีบัค มันกลายเป็น Tab เดียวยาวๆ คลิกไม่ได้ไป ให้รัน คำสั่งใน Terminal ตามลิ้งนี้ https://github.com/Microsoft/vscode/issues/25919 เหมือน OSX มันมีไรซักอย่างที่ถ้าเป็น com.microsoft มันจะไม่ยอมทำ Tab ให้ เลยต้องไปเปลี่ยนชื่อเป็น com.microsoft2

sed -i -- 's/com.microsoft.VSCode/com.microsoft2.VSCode/g' /Applications/Visual\ Studio\ Code.app/Contents/Info.plist

7elven Sun, 07/15/2018 - 02:52

เมื่อวานกำลังคิดว่า vscode น่าจะทำอะไรแบบนี้ได้ พอวันนี้อัปเดตปุ๊ป ได้อย่างที่อยากได้เป๊ะเลย อะไรจะขนาดนั้น

mr_tawan Mon, 07/16/2018 - 10:26

เข้าใจว่าพวก Developer Tool นี่ บางทีมจะยึดใช้เวอร์ชันเดิมไว้จนกว่าจะปิดโปรเจค

แล้วอีกอย่างคือ ตัวโปรแกรมน่าจะมีการใช้ฟีเจอร์บางอย่างที่แอพบนสโตร์ห้ามน่ะครับ (เช่นการเข้าถึงไฟล์ที่ไม่ได้เปิดผ่าน file dialog)

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
Tinder
public://topics-images/hwizi8ny_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
NVIDIA
public://topics-images/srvczsfq_400x400.jpg
ServiceNow
public://topics-images/ytnrfphe_400x400.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png
Paradox Interactive
public://topics-images/paradox_interactive_logo.svg_.png
Europa Universalis
public://topics-images/europa-icon.png
Nintendo Switch 2
public://topics-images/mainvisual.png
Cloudflare
public://topics-images/cloudflare_logo.svg_.png
Samsung
public://topics-images/samsung.png
Google
public://topics-images/google_2015_logo.svg_.png
Uber
public://topics-images/uber.png
Microsoft 365
public://topics-images/m365.png
USA
public://topics-images/flag_of_the_united_states.svg_.png
GM
public://topics-images/0pe0po-z_400x400.jpg
Perplexity
public://topics-images/perplex.jpg
Xperia
public://topics-images/xperia.png
iOS 18
public://topics-images/ios-18-num-96x96_2x.png
True
public://topics-images/true_logo.png
SoftBank
public://topics-images/softbank.jpg
Pac-Man
public://topics-images/pacman.png
Harry Potter
public://topics-images/harry.png
Marvel
public://topics-images/marvel.png
Skydance
public://topics-images/skydance.png
SEA
public://topics-images/sealogo.png
Find My Device
public://topics-images/find.png
Gemini
public://topics-images/google_gemini_logo.svg__1.png
Accessibility
public://topics-images/accessibility-128x128_2x.png
Material Design
public://topics-images/m3-favicon-apple-touch.png
Android 16
public://topics-images/android16.png
Android
public://topics-images/android_0.png
Firefox
public://topics-images/firefox_logo-2019.svg_.png
Google Messages
public://topics-images/messages.png
Notepad
public://topics-images/notepad.png
Singapore
public://topics-images/flag_of_singapore.svg_.png
Airbnb
public://topics-images/airbnb.png
PS5
public://topics-images/ps5.png
Krafton
public://topics-images/krafton.png
Doom
public://topics-images/doom-game-s_logo.svg_.png
AMD
public://topics-images/amd_logo.svg_.png
GTA
public://topics-images/gta_0.png
DoorDash
public://topics-images/doordash.png
YouTube
public://topics-images/yt.png
YouTube Music
public://topics-images/yt-music.png
Facebook
public://topics-images/fb.png
iQiyi
public://topics-images/iqiyi_0.png
Viu
public://topics-images/viu.png
Amazon Prime Video
public://topics-images/prime-vid.png
Spotify
public://topics-images/spotify.jpg
Apple TV
public://topics-images/apple-tv.png
HBO Max
public://topics-images/max.png
Threads
public://topics-images/threads.png
Alexa
public://topics-images/alexa.png
Kindle App
public://topics-images/kindle.png
Shopee
public://topics-images/shopee.png
Waze
public://topics-images/waze.png
Bilibili
public://topics-images/bili.png
Google Maps
public://topics-images/maps.png
Apple Music
public://topics-images/apple-music.png
Claude
public://topics-images/claude.png
TikTok
public://topics-images/tiktok.png
Xbox
public://topics-images/xbox.png
Tesla
public://topics-images/tesla.png
Chrome
public://topics-images/chrome.png
Google Calendar
public://topics-images/gcal.png
Google Home
public://topics-images/ghome.png
Google Meet
public://topics-images/meet.png
NotebookLM
public://topics-images/notebooklm.png
Reddit
public://topics-images/reddit.png
Assassin’s Creed
public://topics-images/ac.png
Mark Zuckerberg
public://topics-images/zuck.jpg
Meta
public://topics-images/meta.png
Meta AI
public://topics-images/meta-ai.png
Epic Games
public://topics-images/epic_games_logo.svg_.png
Unreal
public://topics-images/unreal_engine_logo-new_typeface-svg.png
Fortnite
public://topics-images/fortnite.png