Các extension khác hỗ trợ lập trình web chuyên nghiệp hơn
Công nghệ lập trình web hiện nay đã phát triển rất nhiều. Do đó, chỉ với HTML, CSS, Javascript là không đủ. Một số công nghệ như ReactJS, AngularJS, Electron, Blazor, v.v… được tạo ra để đẩy nhanh giai đoạn phát triển web hoặc tạo ra các ứng dụng đa nền tảng một cách dễ dàng. Những website/ứng dụng được tạo ra về cơ bản sẽ chạy trên một trình duyệt (Chrome, Firefox hoặc Webview của hệ điều hành). Các bạn có thể tải thêm một số extension tương ứng với công nghệ đang làm việc để VSCode hỗ trợ tốt nhất.
Như vậy là chúng ta đã setup thành công Visual Studio Code để hỗ trợ cho lập trình web. Bạn có thắc mắc hay góp ý gì về bài viết? Hãy bình luận ngay phía bên dưới nhé!
Xem thêm bài viết: Tổng hợp những Plugins không thể thiếu cho VSCode
Visual Studio code là một code editor hiện đại và vô cùng mạnh mẽ, được rất nhiều lập trình viên tin dùng. Ngoài khả năng tương thích với mọi hệ điều hành PC hiện nay. VSCode còn nổi tiếng với khả năng mở rộng cực kỳ linh hoạt nhờ vào hệ thống extension của mình. Trong bài viết này, Hiếu Đá sẽ hướng dẫn thiết lập VSCode để lập trình web tiện lợi nhất.
Thực ra, Visual Studio Code đã hỗ trợ sẵn một số tính năng đối với HTML, CSS và Javascript. Nhưng trong bài viết này, mình sẽ hướng dẫn cài đặt và sử dụng các extension để hỗ trợ lập trình web tốt hơn trên VSCode. Bên cạnh đó, mình cũng sẽ hướng dẫn thêm một số cách hack speed để gõ code nhanh và gọn gàng hơn. Các mục tiêu hướng đến sẽ là:
Yêu cầu cài đặt: Trước khi bắt đầu hướng dẫn, bạn cần cài đặt sẵn Visual Studio Code editor. Xem bài viết hướng dẫn cài đặt VSCode tại đây:
Hướng dẫn cài đặt Visual Studio Code
Đừng mở file HTML, hãy làm quen với Workspace
Phần này quan trọng, anh em đừng bỏ qua. Đối với Visual Studio Code, workspare là nơi chứa các project với các thiết lập tương ứng. Khi lập trình web bằng VSCode, anh em vẫn có thể mở file HTML và edit. Nhưng sẽ không thể dùng các tính năng như gợi ý file, css, js; Cũng như tạo server ảo để test web như bên dưới bài viết này. Chi tiết anh em có thể đọc ở bày bài viết sau: Workspace VSCode. Còn đơn giản chỉ cần nhớ:
Hãy mở folder chứa code bằng VSCode.
Hypertext Markup Language (HTML)
Banyak programmer yang mengatakan bahwa HTML ini bukanlah bahasa pemrograman karena tidak memerlukan sebuah logika atau algoritma pada saat proses pembuatan nya seperti bahasa pemrograman yang lain yaitu C++, Javascript, Python, Java dan semacamnya itu baru bisa disebut sebagai bahasa pemrograman karena membutuhkan sebuah logika pada saat proses pembuatan. HTML bisa dikatakan adalah sebagai blue print atau kerangka struktur dari proses perancangan Website. Dan proses perancangan Website tersebut HTML menggunakan sebuah tag HTML yang sering kali digunakan pada perancangan Website diantaranya adalah
,