Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Là nhà phát triển, chúng tôi có rất nhiều công cụ thú vị theo ý của chúng tôi. Đối với công việc của CSS, chúng tôi có thể sử dụng các tiền xử lý như SASS và LESS & NBSP; để cải thiện quy trình làm việc của chúng tôi. Đối với các tương tác phía trước, chúng tôi có thể mở rộng công việc của mình với các thư viện và khung JS.

Nhưng một trong những công cụ mạnh mẽ nhất trong kho vũ khí của chúng tôi là một công cụ được chôn sâu trong máy tính của chúng tôi: dòng lệnh. Biết cách sử dụng dòng lệnh & nbsp; rất quan trọng nếu bạn muốn tận dụng tối đa các công cụ phát triển hiện đại như Grunt, Git, Gulp, NPM, Bower, & NBSP; và nhiều hơn nữa. Giao diện dòng là một & nbsp; kỹ năng thiết yếu cho & nbsp; các nhà phát triển đầu tiên. Hướng dẫn này sẽ phục vụ để giới thiệu cho bạn các quyền hạn của việc kết hợp quy trình làm việc dòng lệnh vào quá trình phát triển của bạn.The command line. Knowing how to use the command line is crucial if you want to take full advantage of modern development tools such as Grunt, Git, Gulp, npm, Bower, Sass, and much more. The ability to use command-line interfaces is an essential skill for front-end developers. This tutorial will serve to introduce you to the powers of incorporating a command-line workflow into your development process.

Đây là những gì sẽ được đề cập trong hướng dẫn này:

  • Tại sao sử dụng dòng lệnh?
  • Một số thuật ngữ bạn cần biết
  • Mở dòng lệnh
  • Hiển thị vị trí hiện tại của bạn trong hệ thống tệp
  • Liệt kê nội dung của một thư mục
  • Điều hướng đến các thư mục
  • Tạo các tệp và thư mục mới
  • Chuỗi các lệnh lại với nhau
  • Xóa các tệp và thư mục
  • Di chuyển các tập tin và thư mục
  • Sao chép các tập tin và thư mục

Tại sao sử dụng dòng lệnh?

Chúng tôi có rất nhiều giao diện người dùng đồ họa (GUI) cho phép chúng tôi thực hiện các tác vụ của mình. Nhưng sâu bên dưới các ứng dụng này là các lệnh được chạy trong hệ thống. Thông thường, chúng tôi giới hạn về các hành động chúng tôi có thể thực hiện vì thiết kế của ứng dụng.

Dòng lệnh cho chúng ta nhiều sức mạnh hơn hệ thống của chúng ta. Nó mở khóa siêu năng lực cho các dự án của chúng tôi.

Một số thuật ngữ bạn cần biết

Trong suốt hướng dẫn này, các thuật ngữ sau đây sẽ được sử dụng.

  • Giao diện dòng lệnh: Điều này đề cập đến phần mềm nơi bạn nhập các lệnh của mình. Có nhiều giao diện dòng lệnh bạn có thể sử dụng và một số tùy chọn của bạn được thảo luận dưới đây. Giao diện dòng lệnh mặc định trên Mac OS là ứng dụng đầu cuối. This refers to the software where you input your commands in. There are various command-line interfaces you can use, and some of your options are discussed below. The default command-line interface on Mac OS is the Terminal app.

    Đối với người dùng Windows, nó là dấu nhắc lệnh.

  • Trình thông dịch ngôn ngữ lệnh (CLI): Giao diện dòng lệnh cũng thường được gọi là phiên dịch ngôn ngữ lệnh. CLI ngắn. Thuật ngữ này được sử dụng thay thế cho & nbsp; với các giao diện dòng lệnh trong suốt hướng dẫn. command-line interfaces are also often called command language interpreters. CLI for short. This term is used interchangeably with command-line interfaces throughout the tutorial.
  • Thư mục: Điều này tương đương với một thư mục & nbsp; trong máy tính của bạn. This is equivalent to a folder in your computer.
  • Thư mục làm việc: Đây là thư mục hiện tại mà bạn đang tham gia. This is the current directory you’re in.
  • Tùy chọn lệnh/cờ lệnh: Đây là các hướng dẫn bổ sung thay đổi hành vi mặc định của lệnh.: These are additional instructions that change the default behavior of a command.

Mở dòng lệnh

hệ điều hành Mac

Để mở dòng lệnh hệ thống, chúng ta có thể sử dụng ứng dụng thiết bị đầu cuối.Terminal application.

Để mở ứng dụng thiết bị đầu cuối, hãy truy cập thư mục ứng dụng của bạn, điều hướng đến thư mục tiện ích và nhấp vào ứng dụng Terminal để mở nó. Nếu bạn muốn có nhiều quyền kiểm soát hơn đối với dòng lệnh, tôi khuyên bạn nên cài đặt ITERM2.

các cửa sổ

Trên Windows, giao diện dòng lệnh mặc định là dấu nhắc lệnh. Để truy cập dấu nhắc lệnh, nhấp vào nút Bắt đầu, sau đó nhấp vào tất cả các chương trình> Nhấp vào Phụ kiện> Nhấp vào dấu nhắc lệnh.Command Prompt. To access the Command Prompt, click the Start button, then click All Programs > click Accessories > click Command Prompt.

Lời nhắc lệnh là dựa trên DOS. Ứng dụng thiết bị đầu cuối Mac OS là dựa trên UNIX. Nhiều lệnh mà chúng tôi sẽ nói trong hướng dẫn này đã giành được công việc của người dùng hoặc sẽ hành xử khác nhau trên Windows.. Mac OS’s Terminal app is Unix-based. Many of the commands we’ll talk about in this tutorial won’t work or will behave differently on Windows.

Đối với người dùng Windows, tôi khuyên bạn nên cài đặt một công cụ có tên CMDER và sử dụng đó đang tiến về phía trước.

Hiển thị vị trí hiện tại của bạn trong hệ thống tệp

Trong Mac OS, GUI chúng tôi sử dụng để điều hướng hệ thống tệp của chúng tôi là ứng dụng Finder. Trên Windows, GUI của chúng tôi là Windows Explorer. & NBSP; Hãy nghĩ về CLI như một hệ thống điều hướng hệ thống tệp mà không có GUI.

Thông thường, khi dòng lệnh được mở lần đầu tiên, bạn có thể thấy tên của máy tính và đường dẫn tệp đại diện cho thư mục gốc của hệ thống tệp của bạn. Để xem vị trí hiện tại của chúng tôi trong hệ thống tệp, chúng tôi có thể nhập

CSS/ ??? SCSS/
3 và nhấn Enter trong dòng lệnh.
CSS/ ??? SCSS/
3 là viết tắt của thư mục làm việc in.
CSS/ ??? SCSS/
3
and press Enter within the command line.
CSS/ ??? SCSS/
3 stands for print working directory.

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Liệt kê nội dung của một thư mục

Để được trình bày với một danh sách & nbsp; tệp và thư mục con trong thư mục hiện tại, hãy sử dụng lệnh

CSS/ ??? SCSS/
5.
CSS/ ??? SCSS/
5
command.
Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Điều hướng đến các thư mục

Với dòng lệnh, chúng ta có thể chuyển sang các thư mục cụ thể bằng lệnh

CSS/ ??? SCSS/
6 (thư mục thay đổi). Ví dụ: trên Mac OS, để điều hướng đến thư mục máy tính để bàn, chúng tôi có thể gõ:
CSS/ ??? SCSS/
6
(change directory) command. For example, on Mac OS, to navigate to the Desktop folder, we could type:

cd Desktop

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10
Nếu bạn muốn đi lên một thư mục, chúng ta có thể sử dụng hai giai đoạn (
CSS/ ??? SCSS/
7) làm đối số của lệnh
CSS/ ??? SCSS/
6.

Ví dụ, hãy để nói rằng thư mục làm việc của chúng tôi được đặt tên là SCSS. Thư mục mẹ của nó được đặt tên là CSS:

CSS/ ??? SCSS/

Để tạo thư mục & nbsp; css & nbsp; thư mục làm việc của chúng tôi, chúng tôi có thể nhập:

cd ..

Chúng ta có thể nêu đường dẫn tương đối của một thư mục để chuyển sang các thư mục con với lệnh chỉ & nbsp; một ____ 16 & nbsp; lệnh.

Nếu & nbsp; chúng tôi muốn truy cập thư mục ProjectFolder, đây là một thư mục con nằm bên trong thư mục máy tính để bàn, chúng tôi có thể phát hành lệnh sau:

cd Desktop/projectFolder

Tạo các tệp và thư mục mới

Bây giờ chúng tôi có nguồn để điều hướng xung quanh máy tính của chúng tôi bằng giao diện dòng lệnh, giờ đây chúng tôi có thể tạo các tệp và thư mục mới. Hãy tưởng tượng điều này, chúng tôi có thể điều hướng đến thư mục dự án của chúng tôi và sau đó tạo tất cả các tệp HTML, CSS và JS của chúng tôi bằng cách sử dụng dòng lệnh. Với các lệnh sau, điều quan trọng là bạn phải biết bạn đang ở thư mục nào (ví dụ:

Thư mục làm việc của bạn). Một lời nhắc nhở, chúng ta có thể sử dụng lệnh

CSS/ ??? SCSS/
3 để xem thư mục hiện tại của chúng tôi.

Tạo một thư mục mới

Để tạo một thư mục bên trong thư mục làm việc của chúng tôi, chúng tôi có thể sử dụng lệnh ____ 21 (thư mục tạo) theo sau tên của thư mục chúng tôi muốn tạo.

Để tạo một thư mục có tên Kiểu, chúng ta có thể phát hành lệnh này:

mkdir styles

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Tạo một tệp mới

Để tạo một tệp mới thuộc bất kỳ loại nào, hãy sử dụng lệnh

cd ..
2 theo sau là tên tệp. Bạn phải chỉ định loại tệp bạn đang tạo với tiện ích mở rộng tên tệp. Lệnh sau đây sẽ tạo một tài liệu HTML trống có tên chỉ mục.
cd ..
2
command followed by the filename. You must specify the type of file you are creating with a filename extension. The following command will create an empty HTML document named index.

touch index.html

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Chuỗi các lệnh lại với nhau

Gõ một lệnh riêng lẻ cho mỗi hành động mà chúng tôi muốn làm là một chút tẻ nhạt, vì vậy để tăng tốc quá trình, chúng tôi có thể chuỗi các lệnh cùng với

cd ..
3. Mặc dù vậy, hãy coi chừng: mỗi lệnh phải được thực thi thành công để lệnh tiếp theo chạy. Lệnh dưới đây sẽ:

  1. tạo tệp index.html
  2. Tạo một thư mục kiểu
  3. Tạo tệp style.css bên trong thư mục Styles mới được tạo
touch index.html && mkdir styles && touch styles/style.css

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Xóa các tệp và thư mục

Nếu chúng ta có sức mạnh để tạo ra & nbsp; thư mục và tệp với dòng lệnh, tất nhiên chúng ta có khả năng xóa chúng.

Lưu ý: Các tệp và thư mục bạn quyết định xóa won được chuyển sang thùng rác/tái chế của bạn. Bạn đã thắng được có thể khôi phục các tệp bị xóa của bạn. Các tập tin được xóa một cách hiệu quả khỏi hệ thống. Lệnh để xóa các tệp và thư mục là

cd ..
4 (xóa).You won’t be able restore your removed files. The file is effectively removed from the system. The command for deleting files and directories is
cd ..
4 (remove).

Xóa một tập tin

Trước tiên, hãy nhìn vào việc xóa các tệp bằng lệnh

cd ..
5. Loại bỏ các thư mục yêu cầu một số hướng dẫn bổ sung, mà chúng ta sẽ nói trong một thời gian ngắn. Chúng tôi có thể xóa các tệp bằng cách nhập
cd ..
5 theo sau là tên của tệp chúng tôi muốn xóa.

Hãy để xóa các tệp & nbsp; contact.html & nbsp; file.

rm contact.html

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Xóa một thư mục

Loại bỏ một thư mục khỏi hệ thống là một chút khó khăn hơn. Nếu chúng tôi chạy lệnh

cd ..
5 bằng & nbsp; tên thư mục làm đối số, chúng tôi đã trình bày một lỗi.

Theo mặc định, hệ thống tệp có thể xóa các thư mục vì có thể có các tệp bên trong. Hãy nghĩ về điều này như một biện pháp an toàn. Tuy nhiên, chúng tôi có thể ghi đè lên thước đo an toàn đó bằng cách chỉ định tùy chọn lệnh.command option.

Tùy chọn lệnh cũng được gọi là cờ hoặc công tắc. Một tùy chọn lệnh cung cấp các hướng dẫn bổ sung. Nó & nbsp; thay đổi hành vi mặc định của một lệnh.flags or switches. A command option provides extra instructions. It changes the default behavior of a command.

Ví dụ: hành vi mặc định của lệnh

cd ..
5 không cho phép chúng tôi & nbsp; xóa một thư mục và cho chúng tôi biết & nbsp; chúng tôi đã cố gắng xóa một thư mục. Nhưng nếu chúng ta sử dụng tùy chọn
cd ..
9, chúng ta có thể ghi đè hành vi mặc định của lệnh
cd ..
5.
cd ..
9 là viết tắt để đệ quy.
cd ..
9
option we can override the default behavior of the
cd ..
5 command.
cd ..
9
is short for recursive.

Hãy để xóa thư mục JS & NBSP; tất cả các tệp bên trong thư mục đó:

rm -r js

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Di chuyển các tập tin và thư mục

Để di chuyển một tệp hoặc thư mục đến một vị trí mới, chúng tôi sử dụng lệnh

cd Desktop/projectFolder
2. Nếu bạn di chuyển một thư mục, tất cả các tệp và thư mục con của nó sẽ đi cùng với nó. Với lệnh
cd Desktop/projectFolder
3, chúng ta cần cung cấp hai đối số.

Đối số đầu tiên chúng tôi cung cấp là tên của tệp hoặc thư mục chúng tôi muốn di chuyển. Đối số thứ hai là vị trí mà chúng tôi muốn di chuyển tệp/thư mục. Nếu chúng ta muốn chuyển Main.css vào thư mục Styles, đây là lệnh chúng ta sẽ phát hành:file or directory we want to move. The second argument is the location where we want to move the file/directory. If we want to move main.css into the styles directory, this is the command we would issue:

mv main.css styles

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10
Nếu bạn muốn di chuyển một tệp và đổi tên tệp trên đường đi, chỉ cần chuyển tên mới làm đối số thứ hai của lệnh.

Ví dụ: nếu chúng ta muốn di chuyển một tệp có tên reset.css và di chuyển nó vào thư mục Styles theo tên tệp mới của Normalize.css, đây là lệnh chúng ta sẽ sử dụng:

CSS/ ??? SCSS/
0

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Sao chép các tập tin và thư mục

Nếu bạn muốn lấy một tệp hoặc thư mục hiện có và tạo một bản sao của nó ở một nơi khác, chúng tôi có thể sử dụng lệnh

cd Desktop/projectFolder
4 (sao chép). Giống như lệnh
cd Desktop/projectFolder
3, chúng ta cần cung cấp hai đối số khi phát hành lệnh
cd Desktop/projectFolder
6: tên của tệp chúng ta muốn sao chép và vị trí của nơi tệp sẽ được sao chép.name of the file we want to copy, and the location of where the file will be copied to.

Sao chép một tập tin

Lệnh sau đây sẽ tạo một bản sao của một tệp có tên Index.html trong thư mục làm việc hiện tại.

Bản sao của tệp sẽ được đặt tên là Contact.html.

CSS/ ??? SCSS/
1

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Sao chép một thư mục

Khi bạn sao chép một thư mục vào một vị trí khác, tất cả các tệp và thư mục con được sao chép cùng với nó. Trước đó, hãy nhớ khi chúng tôi cố gắng xóa một thư mục bằng lệnh

cd ..
5, chúng tôi đã được trình bày một thông báo lỗi và CLI đã ngăn chúng tôi xóa thư mục?

Chúng tôi sẽ gặp phải một vấn đề tương tự khi chúng tôi cố gắng sao chép một thư mục vào một vị trí khác. Tuy nhiên, sử dụng cờ

cd ..
9, chúng ta có thể ghi đè hành vi mặc định này. Lệnh sau đây sẽ sao chép thư mục Styles.

Bản sao của thư mục Styles sẽ được đặt tên là StyleSnew.

CSS/ ??? SCSS/
2

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10

Sự kết luận

Dưới đây là một bản tóm tắt của tất cả các lệnh chúng tôi đề cập trong & nbsp; hướng dẫn này:

CSS/ ??? SCSS/
3
In thư mục làm việc
CSS/ ??? SCSS/
5
Danh sách nội dung của một thư mục
mkdir styles
1
Thay đổi thư mục
mkdir styles
2
Làm thư mục
mkdir styles
3
Tạo một tập tin
mkdir styles
4
Xóa một tập tin
mkdir styles
5
Xóa một thư mục đệ quy
mkdir styles
6
Di chuyển một tệp vào một thư mục
mkdir styles
7
Di chuyển tệp sang thư mục và đổi tên tệp
mkdir styles
8
Sao chép một tập tin
mkdir styles
9
Sao chép một thư mục đệ quy

Nếu bạn muốn khám phá thêm các lệnh và tìm hiểu cách tùy chỉnh các màu (xin lỗi, tôi là người Canada) của dấu nhắc thiết bị đầu cuối/lệnh của bạn, tôi khuyên bạn nên kiểm tra loạt video có tên là Dòng lệnh Người dùng & NBSP; . Cho đến lần sau, hạnh phúc chỉ huy-lin!

Nội dung liên quan

  • Top 10 hướng dẫn Git cho người mới bắt đầu
  • Tăng tốc độ công việc phát triển web của bạn với Grunt
  • Cách cài đặt Node.js
  • Cách nhanh chóng thiết lập ít hơn.js

Hướng dẫn how to create a html file in cmd windows 10 - cách tạo tệp html trong cmd windows 10
Drew Minns là một nhà thiết kế, nhà phát triển và nhà giáo dục. Anh ấy là một giảng viên chính và nhà phát triển tại Hackeryou. Tìm hiểu thêm về Drew trên trang web của anh ấy Drewminns! và kết nối với anh ấy trên Twitter, Dribbble và GitHub. is a designer, developer and educator. He’s a Lead Instructor and Developer at HackerYou. Learn more about Drew on his site drewminns! and connect with him on Twitter, Dribbble and GitHub.

Làm thế nào để tạo tệp HTML mới bằng CMD?

Tạo một tệp mới để tạo một tệp mới thuộc bất kỳ loại nào, hãy sử dụng lệnh Touch theo sau là tên tệp.Bạn phải chỉ định loại tệp bạn đang tạo với tiện ích mở rộng tên tệp.Lệnh sau đây sẽ tạo một tài liệu HTML trống có tên chỉ mục.use the the touch command followed by the filename. You must specify the type of file you are creating with a filename extension. The following command will create an empty HTML document named index.

Tôi có thể chạy mã HTML trong CMD không?

Trình chỉnh sửa nhắc lệnh: Nếu bạn đang sử dụng OS Windows thì bạn có thể nhấp vào Bắt đầuTiện ích mở rộng HTML.if you are using Windows OS then you can click on Start— > Run — > CMD, this will open up Command prompt Editor, where you can write HTML Programs and can save them on your computer with t. html extension.

CMD trong HTML là gì?

Thẻ HTML Xác định nút lệnh, gọi theo hành động của người dùng.Nút thẻ sử dụng trong loại đặc biệt của opration.Hỗ trợ thẻ chỉ Internet Explorer 9. Thẻ HTML giới thiệu trong HTML5.define a command button, invoke as per user action. tag button use in special type of opration. tag support only Internet Explorer 9. HTML tag introduce in HTML5.