วันศุกร์ที่ 7 ธันวาคม พ.ศ. 2561

ทิป การใช้งานVS CODE

ขียนเว็บด้วย HTML+CSS - ตอนที่ 1 แนะนำเครื่องมือก่อนเริ่มเขียนโค้ด
แนะนำการใช้ Visual Studio Code สำหรับสร้างเว็บไซต์
การติดตั้ง Visual Studio Code และ Extensions (ส่วนขยายความสามารถ)
10 Visual Studio Code Extensions ที่จะช่วยให้การเขียนโค้ดสะดวกยิ่งขึ้น
แนะนำ Extension สำหรับ Visual Studio Code
สรุป 20 เทคนิคการใช้งาน Visual Studio Code (Editor) ที่น่าสนใจ



ต้องการ:::
1. div +Enter = <div></div>
2.tab+Enter =<table></table>
3.img+Enter =<img src="" alt="">
4.a+Enter = <a href=""></a>

Extension:ที่แนะนำ
bracket:::แยกสีของวงเล็บดูต่างกัน สามารถดูง่ายๆ
Live Server::Run Html โดยไม่ต้องกด F5 หรือ Refresh
Rainbow CSV:แยกสีคอลัมน์ ดูง่ายชัดเจน
Electron Color Theme::กด Ctrl+Shift+P เพื่อเลือกเปลี่ยนTheme



พิมพ์ html:5  จะได้ดังนี้
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>


ไม่มีความคิดเห็น:

แสดงความคิดเห็น