Cách dễ dàng để sử dụng ES6: 8 bước (có hình ảnh)

Mục lục:

Cách dễ dàng để sử dụng ES6: 8 bước (có hình ảnh)
Cách dễ dàng để sử dụng ES6: 8 bước (có hình ảnh)

Video: Cách dễ dàng để sử dụng ES6: 8 bước (có hình ảnh)

Video: Cách dễ dàng để sử dụng ES6: 8 bước (có hình ảnh)
Video: ❤️Hướng dẩn a e cách setup " SIÊU MƯỢT" chơi ĐỘT KÍCH 2022, Tạm biệt 16 bit ✔️✔️✔️ 2024, Có thể
Anonim

ES6, đôi khi được gọi là ECMAScript 2015, là mã bạn sẽ tìm thấy trong một số trình duyệt, nhưng bạn cần chạy môi trường Node.js để có thể chạy và viết mã ES6. WikiHow này sẽ hướng dẫn bạn cách bắt đầu viết mã ES6.

Các bước

Sử dụng ES6 Bước 1
Sử dụng ES6 Bước 1

Bước 1. Tải xuống và cài đặt Node.js tại

Node.js là một môi trường phía máy chủ mà bạn cần sử dụng mã. Node.js hoạt động cho cả Windows và macOS.

  • Bỏ qua bước này nếu bạn đã cài đặt Node.js trên máy tính của mình.
  • Nhấp chuột LTS, nút màu xanh lá cây đầu tiên bên trái. Thao tác này sẽ cài đặt phiên bản ổn định của Node.js vào máy tính của bạn. Nếu bạn đang sử dụng máy tính Windows, rất có thể bạn sẽ cần chạy tệp đã tải xuống và tiếp tục thông qua trình hướng dẫn cài đặt. Nếu đang sử dụng macOS, rất có thể bạn sẽ cần chạy tệp đã cài đặt, sau đó kéo và thả biểu tượng ứng dụng vào thư mục Ứng dụng của mình.
Sử dụng ES6 Bước 2
Sử dụng ES6 Bước 2

Bước 2. Tải xuống và cài đặt Visual Studio Code tại

VSC là một chương trình chạy trên cả Windows và Mac cho phép bạn tạo mã ES6.

Nhấp chuột Tải xuống ở góc trên cùng bên phải của trang nếu hiện tại Tải xuống cho (hệ điều hành của bạn) là không chính xác. Người dùng Windows có thể cần chạy tệp đã tải xuống và tiếp tục thông qua trình hướng dẫn cài đặt. Nếu đang sử dụng macOS, rất có thể bạn sẽ cần chạy tệp đã cài đặt, sau đó kéo và thả biểu tượng ứng dụng vào thư mục Ứng dụng của mình.

Sử dụng ES6 Bước 3
Sử dụng ES6 Bước 3

Bước 3. Tạo một thư mục trống trên ổ đĩa hoặc máy tính để bàn của bạn

Để thực hiện việc này, chỉ cần mở File Explorer hoặc Finder, đi đến vị trí (ví dụ: ổ C) nơi bạn muốn tạo thư mục của mình. Đặt tên cho nó một cái gì đó đơn giản mà bạn sẽ nhớ (như "JS" hoặc "Nodefolder").

Sử dụng ES6 Bước 4
Sử dụng ES6 Bước 4

Bước 4. Mở Visual Studio Code

Bạn sẽ tìm thấy điều này trong Menu Bắt đầu hoặc thư mục Ứng dụng trong Trình tìm kiếm.

Sử dụng ES6 Bước 5
Sử dụng ES6 Bước 5

Bước 5. Mở thư mục trống trong VSC

Đi đến Tệp> Mở thư mục mới để mở trình duyệt tệp và chọn thư mục trống của bạn.

Bạn sẽ thấy tên thư mục của mình trong bảng điều khiển ở bên trái ứng dụng

Sử dụng ES6 Bước 6
Sử dụng ES6 Bước 6

Bước 6. Tạo một tệp trong thư mục của bạn

Nhấp vào trang và biểu tượng dấu cộng (+) bên cạnh tên thư mục.

Đặt tên đơn giản cho nó, ví dụ: "helloworld.js"

Sử dụng ES6 Bước 7
Sử dụng ES6 Bước 7

Bước 7. Nhập mã sau vào ngăn văn bản ở bên phải

  • console.log ('Xin chào thế giới');

Sử dụng ES6 Bước 8
Sử dụng ES6 Bước 8

Bước 8. Kiểm tra xem mã có hoạt động không

Vì bạn đã cài đặt Node.js, bạn sẽ thấy cửa sổ "Terminal" ở gần cuối chương trình của mình.

  • Kiểu

    nút helloworld.js

  • và bạn sẽ nhận được phản hồi là "Xin chào thế giới" ở dòng tiếp theo.
  • Bạn có thể tạo bất kỳ mã ES6 nào bạn muốn tại đây. Để biết các ví dụ về mã, bạn có thể xem https://www.freecodecamp.org/news/getting-started-with-es6-using-a-few-of-my-favorite-things-ac89c27812e0/ và https:// mã. visualstudio.com/docs/languages/javascript.

Đề xuất: