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. Show
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?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ếtTrong suốt hướng dẫn này, các thuật ngữ sau đây sẽ được sử dụng.
Mở dòng lệnhhệ đ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ệpTrong 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.
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. Điều hướng đến các thư mụcVớ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:
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:
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:
Tạo các tệp và thư mục mớiBâ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:
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 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. 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.
Chuỗi các lệnh lại với nhauGõ 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 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ẽ:
Xóa các tệp và thư mụcNế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à 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 4 (remove).Xóa một tập tinTrước tiên, hãy nhìn vào việc xóa các tệp bằng lệnh 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 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.
Xóa một thư mụcLoạ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 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 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 9, chúng ta có thể ghi đè hành vi mặc định của lệnh 5. 9 là viết tắt để đệ quy. 9 option we can override the default behavior of the 5 command. 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 đó:
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 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 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:
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
Sao chép các tập tin và thư mụcNế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 4 (sao chép). Giống như lệnh 3, chúng ta cần cung cấp hai đối số khi phát hành lệnh 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 tinLệ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
Sao chép một thư mụcKhi 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 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ờ 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
Sự kết luậnDướ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:
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
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. |