Tags:
Node Thumbnail

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

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

No Description

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

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

No Description

ท่านใดสนใจเข้าไปศึกษาวิธีติดตั้งและการย้ายข้อมูลเดิมไปใช้กับ 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

Get latest news from Blognone

Comments

By: lew
FounderJusci's WriterMEconomicsAndroid
on 14 July 2018 - 22:16 #1060821
lew's picture

โอ้ น้ำตาจะไหล รอมานาน


lewcpe.com, @wasonliw

By: Jirawat
Android
on 14 July 2018 - 22:19 #1060823
Jirawat's picture

เริ่มเหมือน vim ละอิอิ

By: PandaBaka
iPhoneAndroidWindows
on 14 July 2018 - 22:59 #1060828
PandaBaka's picture

เจ๋งสุดๆ

By: whitebigbird
Contributor
on 15 July 2018 - 00:19 #1060839
whitebigbird's picture

บนแมค VS code มันเปิด 2 โฟลเดอร์ในหน้าต่างเดียวแต่แยกแท็บได้มั้ยครับ

By: Job_The_Gamer
WriterWindows PhoneAndroidWindows
on 15 July 2018 - 09:07 #1060866 Reply to:1060839
Job_The_Gamer's picture

ใช่อย่างเดียวกันกับที่เพิ่มมาในเวอร์ชัน 1.18 ไหมครับ


Achievement Unlocked: Being a Blognone's Writer

By: whitebigbird
Contributor
on 15 July 2018 - 10:57 #1060882 Reply to:1060866
whitebigbird's picture

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

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

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

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

By: hisoft
ContributorWindows PhoneWindows
on 15 July 2018 - 11:36 #1060888 Reply to:1060882
hisoft's picture

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

By: whitebigbird
Contributor
on 16 July 2018 - 08:56 #1060982 Reply to:1060888
whitebigbird's picture

แงๆ

By: tukzazaza
ContributorAndroidWindows
on 16 July 2018 - 08:30 #1060973 Reply to:1060839
tukzazaza's picture

ไปตั้ง 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

By: whitebigbird
Contributor
on 16 July 2018 - 09:02 #1060985 Reply to:1060973
whitebigbird's picture

alt="ss"

ได้แล้วครับ ขอบคุณมาก ลาก่อนอี sublime กิน cpu 120% เสียเงินซื้อมาซะแพงเลยผม

ขอบคุณคร้าบ ชีวิตดี

By: AdmOd
iPhoneWindows
on 15 July 2018 - 01:58 #1060848
AdmOd's picture

symlink /data เข้า dropbox เลยทีเดียว

By: 7elven
ContributoriPhoneWindows PhoneAndroid
on 15 July 2018 - 02:52 #1060849

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

By: sukjai
iPhoneAndroidRed HatUbuntu
on 15 July 2018 - 04:14 #1060856

เริ่มจะเหมือน eclipse ละ

By: Configuleto
AndroidWindows
on 15 July 2018 - 15:18 #1060903
Configuleto's picture

#CSSGrid FTW! ?

By: bellpocket on 16 July 2018 - 00:10 #1060935

กากมากกกก Surface Laptop หาจากใน Store แม้แต่แอปของตัวเอง (VSCode) ยังไม่มีเลย -,,,,-

By: mr_tawan
ContributoriPhoneAndroidWindows
on 16 July 2018 - 01:05 #1060944 Reply to:1060935
mr_tawan's picture

ผมว่าเขาจงใจไม่ใส่นะ 555


  • 9tawan.net บล็อกส่วนตัวฮับ
By: TW
AndroidWindows
on 16 July 2018 - 05:48 #1060959 Reply to:1060944

ทำไมจงใจล่ะฮ่ะ?

By: kajokman
ContributorAndroidIn Love
on 16 July 2018 - 07:24 #1060966 Reply to:1060959
kajokman's picture

เพราะใช้ electron ไม่ใช้ UWP รึเปล่า?

By: mr_tawan
ContributoriPhoneAndroidWindows
on 16 July 2018 - 10:24 #1061000 Reply to:1060966
mr_tawan's picture

Electron App ใส่ใน Store ได้ครับ (เช่น Spotify)


  • 9tawan.net บล็อกส่วนตัวฮับ
By: mr_tawan
ContributoriPhoneAndroidWindows
on 16 July 2018 - 10:26 #1061001 Reply to:1060959
mr_tawan's picture

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

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


  • 9tawan.net บล็อกส่วนตัวฮับ
By: bellpocket on 16 July 2018 - 10:42 #1061008 Reply to:1060944

เสียใจมากกก อยากใช้ Window S รัวๆ แต่กระดิกตัวไม่ได้เลย ต้องอัปเกรดเป็นตัวโปร แหงๆๆ -,,,-

By: TeamKiller
ContributoriPhone
on 16 July 2018 - 11:23 #1061027 Reply to:1061008
TeamKiller's picture

ไม่ต้อง Pro นะครับ

Windows 10 ธรรมดาก็ Switch Mode ออกจาก S Mode ได้

By: bellpocket on 16 July 2018 - 13:20 #1061056 Reply to:1061027

thx เดี๋ยวกลับไปลอง :)

By: osmiumwo1f
ContributorWindows PhoneWindows
on 16 July 2018 - 15:36 #1061101 Reply to:1061056
osmiumwo1f's picture

ออกได้แต่กลับเข้าไปไม่ได้ วิธีเดียวที่จะกลับเข้าไปได้คือลงใหม่นะครับ

By: arabal
iPhoneWindows PhoneAndroidRed Hat
on 16 July 2018 - 09:33 #1060993
arabal's picture

VS Code ใช้ Go to definition ไม่ได้ หรือต้องใช้ Extension ตัวไหนใครรู้บาง

By: whitebigbird
Contributor
on 16 July 2018 - 10:06 #1060996 Reply to:1060993
whitebigbird's picture

ถ้าเป็น js อ่ะมันทำได้ครับ หงุดหงิดเหมือนกันเวลาใช้ php

By: Job_The_Gamer
WriterWindows PhoneAndroidWindows
on 16 July 2018 - 10:47 #1061009 Reply to:1060996
Job_The_Gamer's picture

ถ้าลง extension PHP IntelliSense ตัวนี้ทำได้นะครับ

พอดีผมกำลังลองเอา VS Code มาใช้กับ PHP อยู่เหมือนกัน


Achievement Unlocked: Being a Blognone's Writer

By: whitebigbird
Contributor
on 16 July 2018 - 15:43 #1061106 Reply to:1061009
whitebigbird's picture

ขอบคุณครับ ตอนนี้ยังไม่มีงานให้ลองใช้แฮะ