7 ส่วนเสริมเด็ด Visual Studio Code ประจำปี 2020 ที่พลาดไม่ได้ !!
ฝัง
- เผยแพร่เมื่อ 13 ม.ค. 2020
- มีเครื่องมือดี ๆ แล้วต้องมีส่วนเสริมดี ๆ เข้าไปด้วย ! กับ Extensions หรือ ส่วนเสริมใน Visual Studio Code ที่บอกเลยว่าใครสายพัฒนาทั้งเว็บแอป โมบายแอป พลาดไม่ได้ !
รายการ Extensions ทั้งหมด 7 อันดับ
1.Material Theme 1:25
2.Material Icon Theme 1:59
3.Live Server 2:55
4.CSS Peek 5:28
5.Better Comments 7:15
6.BRACKET PAIR COLORIZER 2 8:15
7.Code Spell Checker 10:57
8.[Secret Extension ส่วนเสริมในความลับ]
🦖BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog
.
เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
.
โดยมีผู้ดำเนินรายการหลัก 2 คนคือ
.
"เปรม BorntoDev" ผู้ชื่นชอบ และ หลงไหลด้านวิทยาศาสตร์ เทคโนโลยี รวมถึงการพัฒนาโปรแกรมเป็นชีวิตจิตใจ มีความสุขมากที่ได้ถ่ายทอด และ แลกเปลี่ยนความรู้ เพราะทำให้นึกถึงสมัยยังเป็นเด็กที่เริ่มต้นเขียนโปรแกรมแล้วได้รับการสนับสนุนจากผู้ใหญ่ใจดีในโลก Internet ที่ไม่เคยเห็นหน้าตากันมาก่อน แต่กลับยินดีแบ่งปันให้กัน
.
"ไกด์ BorntoDev" ชายผู้ที่บอกว่าเป็นพี่น้องกับคนข้างบนหรือเปล่า คำตอบคือไม่ใช่ แต่เขาสนใจด้านเทคโนโลยี การพัฒนาแอปพลิเคชัน ชอบความสนุก จัดกิจกรรม และ ที่ไม่พลาดคือการซื้อเกมมาดองแล้วไม่ได้เล่น เห็นหน้านิ่ง ๆ แบบนี้ดองเกมใน Steam เป็นแสน ๆ นะบอกเลย
.
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
.
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: borntodevth@gmail.com - วิทยาศาสตร์และเทคโนโลยี
ก็ขอฝากไว้สำหรับโปรแกรมเมอร์มือใหม่
ที่พอได้โปรเจคมา ก็มักจะ "จับต้นชนปลายไม่ถูก ไม่รู้จะเริ่มยังไง ไปต่อยังไง ฯลฯ(คล้ายว่าหลงทาง)"
ทุกๆโปรแกรม ประกอบด้วย
input --> process --> output
ให้คุณเริ่มต้นที่ output ก่อน ว่าต้องการอะไรบ้างจากโปรแกรม เขียนมาให้หมด
(เป็นการกำหนดกรอบการทำงานไปในตัวด้วย)
จากนั้น output ที่ว่านั้น ต้องการ(require) input อะไรบ้าง เขียนมาให้หมด
เมื่อมี input output ครบแล้ว
มันจะช่วยให้เขียน process ได้ง่ายขึ้น
แนะนำตัว Prettier เป็น Code for matter ที่เวลาพิมพ์ Html จะไว้จัด format code ได้ และตัวหนึ่ง Emmet คือ ตัวสร้าง Tag ให้อัตโนมัติ เช่น เวลาพิมพ์ h1 ตัว Emmet ตัวสร้าง ให้อัตโนมัติ โดยไม่ต้องเขียนเต็ม
thank youมากครับ เคยใช้อยู่ในsublimeเหมือนกันครับ
ดีครับบ ช่วงนี้กำลังเรียนทำเว็บพอดีเลยครับ
ขอบคุณครับ
พี่รับให้คำปรึกษาการทำโปรเจ็คมั้ยครับ ใช้ ionic 3 ครับ
อยากให้พี่ทำคลิปสอนVuejsค่ะ
สุดยอดมากเปรม กด Like ให้เลย
สามารถนำไปใช้กับ vs ปกติได้ไหมครับ
ขอบคุณครับ ใช้ตอนเรียนcompro พอดีเลยบังเอิญมาก55
อยากรู้วิธีการแก้Error ส่วนเสริมของโปรแกรมหน่อยครับ เพราะผมโหลดลงแล้วเปิดโปรแกรมใหม่มามันขื้นError
สอนวิธี set up ของ python หน่อยครับ ผมงงมากเลยไอตรง debugging มันให้โหลดjson file อะไรก็ไม่รู้ครับ งงมาก
แนะนำ Thunder Client ครับ... เอาไว้เทส api แทน postmam ได้เลย #fc. จาก สปป ลาว เด้อ
ทำของ python หน่อย ครับ
คงต้องเคาะหัวปัดฝุ่น อีกครา. จำได้เลือนลางงเหลือเกินน. ได้อย่างละนิดอย่างละหน่อย. มีคอร์สสอนของ
สอน OOP หน่อยครับพี่เปรม
ຂອບໃຈ, ແນະນໍາດີທີ່ສຸດ
visual studio enterprise ใช้งานได้กี่วัน ถ้าเราดาวน์โหลดมาใช้แบบไม่ซื้อ product key
โหลด vs code มาไม่มีแถบเครื่องมือฝั่งซ้าย ต้องเปิดยังไงครับ บน mac
ขอแนะนำ React Redux Simple Snippets ค่ะ
ใช้ทำอะไรครับ
ของผมใช้ของสีม่วงครับ
พี่ครับ สอนติดตั้ง live server ของ PHP หน่อยครับ ผมหาวิธีทำมาหลายวันแล้วยังไม่ได้เลย ช่วยหน่อยครับ
xappm
node.js vs vscode?
สวัสดีครับ ผมมีปัญหาการ set program VS code ครับ คือ ปรับไปปรับมา ตัว code กรายเป้น สีขาวอย่างเดียวเลย มีวิธีแก้อย่างไรครับ
Defind ภาษาหรือป่าวครับ สังเกตล่างขวาครับว่ามัน defind เป็นอะไร
เวลใช้ liverserver ผมจะพับ vs code ครึ่งจอ อีกครึ่งจอเป็นเวป เเล้วเวลาพิมพ์โค้ดยาว ๆ โค้ดมันจะล้นบรรทัด ต้องเลื่อนซ้ายขวาเอาอะครับ มีวิธีตั้งค่าให้โค้ดมันเเสดงบรรทัดถัดไปแทนไหมครับ
ผมก็เจอปัญหาเดียวกันครับ มีวิธีการแก้ไขไหมครับ
@@rachensuwawat6110 กด alt+Z หรือแถบข้างบนไปที่ view -> ToggleWord Wrap ครับ
@@sittipunsittisak1092 ขอบคุณครับ สุดยอดไปเลยย
วิธีแก้ภาษาไทยเพี้ยนทำไงคั้บ
มันค้นหาไม่เห็นไอคอนทำยังไง
ตัวที่ 1 กับ 2 มันไม่ได้เด็ดขนาดนั้น มันก็แล้วแต่ความชอบคน
Visual Studio Code กับ Visual Studio ธรรมดาแตกต่างกันอย่างไรครับ
Visual studio มันเป็น IDE แต่ vscode เป็น editor ครับ (มั้งนะ)
@@kittisrijantanakul2994 IDE คืออะไรเหรอครับ
@@worstcasescenarios9321พูดแบบง่ายๆide คือโปรแกรมที่อำนวยความสะดวก dev ทั้งหลายเช่นสมมุติผมจะพัฒนาโปรแกรมภาษาc++ เจ้า visual studio จะมีทั้ง editor, compiler, debugger, tools อื่นๆมาให้พร้อมเลยแต่ vscode เป็น editor ก็ต้องโหลดเพิ่มกันเอาเองอะนะ ถ้าผมจะเขียน c++ บนเครื่องต้องไปหาโหลดพวก gcc หรืออะไรพวกนั่นมาเป็น compiler ต้องไปโหลด package อำนวยความสะดวกเพิ่มเติมอะไรประมาณนั้น
@@kittisrijantanakul2994 คนส่วนใหญ่เลือกใช้ vscode เพราะอะไรหรอครับ เบากว่าหรือปล่าว ? ครับ
@@RoninZ มันทำให้ชินง่ายกว่าครับเพราะผมใช้ทั้ง linux และ windows หรือตอนใช้ mac เพื่อนแล้ว vscode มันมีทั้งสาม platform เลยและฟรีเบาด้วย ลง extension เพิ่มเพื่อเพิ่มความสามารถได้ด้วย และก็ส่วนตัวคือมันสวยดี
ภาพปกทำไมมันเป็น10
ไม่มีเสียงดนตรีประกอบดีกว่าครับ มันรบกวน สมาธิในการฟัง
ทำไมผมชอบ Notepad++ มากกว่า 🙄🙄
พี่ผมโหลด visual studio code ไม่ได้ครับไม่รู้ทำไม ทำไงดีครับ