Mình là 1 trong web developer thực hiện Ruby on Rails. Ngày bước đầu học code, mình áp dụng Sublime Text cùng tương đối thích nó. Nhưng sau khoản thời gian nghe biết Atom và kho package lớn lao của nó. Mình đã chuyển qua sử dụng Atom. Hôm ni bản thân xin phép được ra mắt 1 số ít package cơ mà bản thân thường thực hiện. Các package được liệt kê trong bài xích dưới góc độ ngưỡng mộ của cá nhân mình, ví như các bạn tất cả góp ý hoặc bổ sung thì nên vướng lại phản hồi nhé!

1. bracket-matcher

*

Package này vẫn highlight các ngoặc <>, (), và . Nó cũng highlight cả các thẻ XML và HTML.

Bạn đang xem: Hướng dẫn sử dụng atom

Mặc định nó cũng sẽ khiến cho bạn từ đóng ngoặc <>, (), , "", "", “”, ‘’, «», ‹›.

Sử dụng ctrl-m cùng ctrl-cmd-m theo thứ tự để gửi mang đến địa chỉ của ngoặc cùng select nội dung trong ngoặc.

Sử dụng alt-cmd-. để đóng góp thẻ XML/HTML hiện giờ nhưng mà các bạn sẽ ko phải dùng cho nó nếu bạn sử dụng package nga bên dưới đây: autoclose-html.

2. autoclose-html

*

Nthêm gọn gàng thì package này để giúp đỡ bạn tự động hóa đóng góp thẻ khi chúng ta mngơi nghỉ dứt 1 thẻ. Nó sẽ giúp đỡ các bạn tăng vận tốc code và nên tránh lỗi quên đóng góp thẻ.

3. emmet

*

Emmet góp bài toán code html cùng css của chúng ta được về tối ưu một cách đáng kể. Thay vày phải gõ từng tag một emmet khái niệm các cú pháp thứ hạng viết tắt cùng sẽ auto giúp cho bạn đưa bọn chúng thành code hmtl/css.

Tìm hiểu thêm về emmet tại đây: https://emmet.io/

4. minimap

*

Nếu cần sử dụng Sublime Text, chúng ta có thể sẽ quen thuộc với package này, nó chất nhận được bạn quan sát pnhận xét source code của người tiêu dùng. Giống như một dòng rada, để tìm hiểu bạn đang chỗ nào vào lô source code rất dài.

5. highlight-selected

https://atom.io/packages/highlight-selected

*

Package này giups các bạn search thấy những keywords như thể với từ khóa bạn đang trỏ vào. Một bí quyết nhanh chóng để hiểu bạn đã sử dụng từ khoá, thương hiệu phát triển thành ở gần như đâu.

6. atom-beautify

TrướcSau
HTML gốcHTML đang đuợc làm đẹp
*

Một cách dễ dàng nắm bắt thì package này giúp đỡ bạn thẩm mỹ code HTML, CSS, JavaScript, PHPhường, Pyhẹp, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, Squốc lộ... Giúp code của người sử dụng cnạp năng lượng lề đúng ra cùng đọc dễ dàng, theo dõi hơn.

Xem thêm: Nam Sinh Năm 1986 Hợp Hướng Nào ? Tuổi Bính Dần Hợp Hướng Nào

7. linter

*

Quý Khách sẽ phải thiết lập thêm linter ví dụ cho ngôn từ của công ty, với mình là linter-ruby, linter-erb. quý khách sẽ có được thông báo lỗi 1 cách trực quan liêu hơn. Thậm chí nó để giúp đỡ các bạn không buộc phải dùng cho rubocop nữa.

8. file-icons

TrướcSau
*
*
Các inhỏ dành cho tệp trong Atom nhằm nâng cao bài toán hiển thị trực quan. Các file của các bạn sẽ trông đẹp hơn cùng dễ dàng để kiếm tìm tìm rộng.

9. color-picker

*

Giống nlỗi thương hiệu của chính mình, package này giúp cho bạn gạn lọc màu sắc tức thì vào của sổ Atom, các bạn sẽ không cần thiết phải tìm kiểm mã màu sắc và nhtràn lên như lúc trước trên đây nữa.

10. pigments

*

Pigments vẫn highlight cùng hiển thị màu sắc của mã luôn trên hành lang cửa số. quý khách đã hiểu rằng luôn luôn mã chính là color gì một bí quyết lập cập cùng dễ dãi.

11. goto-definition

*
Hỗ trợ cho JavaScript(ES6 && JSX), TypeScript, CoffeeScript, Pybé, Ruby, PHP, Hack, Perl, KRL, Erb, Haml, C/C++, Puppet, ASPhường, ShellHệ quản lý và điều hành cung ứng Mac OSX, Linux and WindowsTính năng Goto-Definition khoác định được gán cho tổ hợp Alt+Cmd+Enter/Ctrl+Alt+EnterHỗ trợ hypercliông xã, vào keyword cùng các bạn sẽ được chuyển mang lại khu vực knhì báo nó.

12. git-blame

*

Sử dụng bằng phương pháp thực hiện ctrl-b

Hiển thị mã commit, thời gian cùng tên của tín đồ viết trên từng mẫu code. Quý Khách có thể dùng nó nhằm hỏi những người đi trước những phần cơ mà chúng ta chưa biết đến. Và tất nhiên cả câu hỏi chửi bạn đang viết buộc phải gò code thối hận nhưng chúng ta chạm chán buộc phải =)).

13. git-plus

*

git-plus giúp đỡ bạn sử dụng git cơ mà không phải sử dụng mang lại terminal. Thực hiện tại phần lớn thao tác git trên của sổ Atom với các chiếc code của chính mình.

Msinh sống của sổ git-plus bằng phương pháp Cmd-Shift-H bên trên MacOS hoặc Ctrl-Shift-H bên trên Windows + Linux.

99. activate-power-mode

*
*

Cuối cùng bạn muốn reviews 1 package vô thưởng vô pphân tử dẫu vậy đầy thú vui.activate-power-mode giúp bạn giải trí với phần đông hiệu ứng ảo tung ttách trên hầu như mẫu code khô ráo. Thật tuyệt khi chú ý phần nhiều chiếc code nhún mình nhảy cần không nào?

Tổng kết

Trên đó là bài bác tổng thích hợp của chính mình về phần đa package và bản thân thấy hay ho với hữu ích nhất khi sử dung Atom để lập trình sẵn website. Nếu chúng ta có góp ý, hoặc bao gồm package hay như là muốn share thì đừng ngại ngần nhưng mà comment nghỉ ngơi dưới nhé.

Bài viết liên quan