cách sử dụng sublime text 3 là một trong những từ khóa được tìm kiếm nhiều duy nhất trên google về chủ đề cách áp dụng sublime text 3. Trong bài viết này,choigame.me đang viết bài viết Hướng dẫn những cách thực hiện sublime text 3 mới nhất 2020.Bạn sẽ xem: gợi ý code trong sublime text


*

k chỉ hỗ trợ làm việc cùng với HTML, Emmet cũng biểu thức HTML bên phía trong JSX. Để nghiên cứu thêm về hướng dẫn viết biểu thức, bạn có thể tham khảo ở đây.

Bạn đang xem: Gợi ý code trong sublime text

Các gói snippets hữu dụng

JavaScript & NodeJS Snippets, như tên gọi, bao gồm các snippets giành cho JavaScript, giúp cho bạn gõ một đoạn mã thông dụng nhanh hơn. ví dụ, thay vì gõ document.querySelector("selector");, bạn chỉ việc gõ qs, click Tab, với Sublime sẽ giúp phần việc sót lại giúp bạn. Hoặc gi giống như ví dụ dưới đây.


*

Nếu thấy Emmet hơi khó khăn, bạn đủ sức sử dụng một plugin không giống tương từ bỏ là HTML Snippets. Plugin này có ít tính năng hơn, nhưng easy sử dụng hơn.


*

*

Tặng một likethể hiện tình yêu nha!

bên cạnh đó, cũng hãy nhờ rằng những gói snippets khi làm việc với những thư viện/framework, chẳng hạn giống như ReactJS Snippets, AngularJS Snippets, VueJS Snippets…

Với CSS, bạn chỉ việc cài CSS Snippets là có support CSS, LESS, SASS với Stylus.

định hướng mã nguồn


*

Bằng phương pháp sử dụng HTMLBeautify, CSS Format, Pretty JSON hoặc jsfmt, bạn đủ sức lựa chọn auto định hướng mã gốc khi lưu lại files. Giả dụ là fan hâm mộ của Prettier, bạn nhớ rằng plugin JsPrettier.

Canh sản phẩm với Alignment


Alignment giúp các bạn canh sản phẩm khi khai báo nhiều biến. k chỉ hoạt động trên JS, Alignment còn hỗ trợ PHP. Để tùy chỉnh thiết lập plugin này, bạn đủ sức nhìn thấy hướng dẫn.

Loại bỏ khoảng trắng dư thừa bằng Trimmer

Trimmer giúp bạn thải trừ những khoảng trắng vượt một phương pháp gấp rút. ngoài ra plugin này còn có chức năng Replace Smart Characters, giúp thay thế những cam kết tự sệt biệt giống như « thành .

dùng DocBlockr để viết tài liệu

Trong tiến trình viết code, thỉnh thoảng chúng ta phải viết thêm ebook mô tả về hàm hay lớp đã xây dựng. mục tiêu là để tiến trình bảo trì ứng dụng không khó khăn khăn hơn, các member mới du nhập team cũng easy nắm bắt tin tức hơn. Doc​Blockr là plugin giúp bạn viết những ebook này khẩn trương, tiện dụng. Chỉ việc để bé trỏ ở trước hàm hay phương pháp, gõ /** và Tab, DocBlockr sẽ auto nhận biết các tham số và giá trị trả về.


DocBlockr k chỉ support JavaScript cơ mà còn sử dụng được với nhiều ngôn ngữ khác giống như PHP, CoffeeScript, TypeScript…

sử dụng việc cùng với git và GitHub

Git


Plugin này giúp bạn sử dụng Git trực tiếp phía bên trong Sublime, bao gồm khá nhiều chức năng đa dạng, chẳng hạn như thêm files, sản xuất commits, xem logs… mà k cần rời khỏi trình biên soạn thảo.

GitGutter


GitGutter theo dõi repo ngơi nghỉ thư mục bây giờ, cho chính mình biết tình trạng của mỗi dòng và mang đến một cái Nhìn tổng quan liêu về những refresh trong tập tin đã được chỉnh sửa.

GitHubinator


GitHubinator là 1 trong những plugin cho phép bạn bôi black code vào Sublime text, cùng hightlight đoạn code đó trên remote repo của Github (nếu như đoạn code kia tồn tại).

GistGist được cho phép bạn send đoạn code được lựa chọn lên dịch vụ Gist của Github.

Linter

Sublime Linter

Trong công cuộc code, việc mắc phải phần đa lỗi về cú pháp là không thể né khỏi. Plugin này cung cấp một nền tảng để những chương trình check lỗi, ví dụ như ESLint, có thể được kết hợp vào Sublime. Sau khi cài đặt Sublime Linter, bạn phải cài riêng các gói riêng cho từng ngôn ngữ.

Nâng cấp sidebar

Side Bar Enhancements


Sidebar mặc định của Sublime cung cấp số chọn hạn chế để thao tác làm việc với tập tin hay kiếm tìm. dùng plugin này, các bạn sẽ có thêm khoảng chừng 20 lựa chọn mới, gồm có Open in browser, Duplicate, cải thiện, Reveal…

AdvancedNewFile


AdvancedNewFile là plugin giúp gia tăng tốc chế tác tập tin mới. Các bạn chỉ cần nhấn Ctrl + alternative text + N trong Windows, Super + alternative text + N trong Mac/Linux nhằm trực tiếp gõ đường dẫn đến tập tin mới. Với yên tâm, nếu tập tin phía bên trong thư mục chưa tồn tại, thư mục new sẽ được xây dựng luôn.

lựa chọn màu mau với ColorPicker

ColorPicker


Plugin này sẽ cho bạn một vỏ hộp thoại nhỏ dại để lựa chọn màu tự bảng màu, hoặc bạn cũng đủ nội lực dùng Eye dropper để lựa chọn màu từ bất cứ vị trí nào trên màn ảnh của bạn.

Color Highlighter


dùng plugin này, bạn có thể nhìn thấy trực quan những color tương ứng cùng với mỗi trị giá màu giống như HEX, RGBA…ngay vào mã nguồn.

Xem thêm: Lỗi Dữ Liệu Liên Minh Huyền Thoại Bị Hỏng Trong Garena

Ghost​Text


Bonus

Emoji


sử dụng plugin này, bạn đủ sức chèn thêm emoji trường đoản cú Command palette. Có lẽ không quan trọng lắm với gần như ai dùng Mac bởi vì bạn có thể xây dựng emoji panel bằng cách bấm Control + Command + Space rồi.


Bài viết coi nhiều


Chuyên mục


table("setting")->where("$db->web")->select("code_footer");if($oh->code_footer) # nếu tất cả code header tùy chỉnh cấu hình $code_footer = htmlspecialchars_decode($oh->code_footer); $code_footer = str_replace("", $home, $code_footer); $code_footer = str_replace("", $h, $code_footer); $code_footer = str_replace("", $link, $code_footer); $code_footer = str_replace("", $head->tit, $code_footer); $code_footer = str_replace("<des>", $head->des, $code_footer); $code_footer = str_replace("<key>", $head->key, $code_footer); $code_footer = str_replace("<image>", $head->img, $code_footer); $code_footer = str_replace("<link>", $link, $code_footer); $code_footer = str_replace("<date_Y>", date("Y"), $code_footer); echo $code_footer;?<br> <!-- <div class="tags"><a href="https://choigame.me/tags/gợi+ý+code+trong+sublime+text">gợi ý code trong sublime text</a> </div> --> </div> <!--/post-content--> </div> </div> </div> </div> <!----> <div class="col-md-9 offset-md-1"> <aside class="sidebar"> <div class="card mb-3"> <h6 class="card-header"><span>Bài viết liên quan</span></h6> <div class="card-body"> <ul class="list-unstyled"> <li class="mb-3"><a href="https://choigame.me/dang-anh-fb-k-bi-vo/">Đăng ảnh fb k bị vỡ</a></li><li class="mb-3"><a href="https://choigame.me/go-ung-dung-tren-win-7/">Gỡ ứng dụng trên win 7</a></li><li class="mb-3"><a href="https://choigame.me/co-nen-tat-windows-firewall/">Có nên tắt windows firewall</a></li><li class="mb-3"><a href="https://choigame.me/dang-ky-xem-phim-tren-youtube/">Tổng hợp các gói xem youtube viettel 1 ngày, 1 tháng 2022</a></li><li class="mb-3"><a href="https://choigame.me/cach-chia-se-mang-tren-iphone/">Cách chia sẻ mạng trên iphone</a></li><li class="mb-3"><a href="https://choigame.me/tinh-ty-le-phan-tram/">Tính tỷ lệ phần trăm</a></li><li class="mb-3"><a href="https://choigame.me/cach-tai-video-tren-story-facebook/">Cách tải video trên story facebook</a></li><li class="mb-3"><a href="https://choigame.me/cach-gop-layer-trong-photoshop-cs6/">Cách gộp layer trong photoshop cs6</a></li><li class="mb-3"><a href="https://choigame.me/tat-thong-bao-tin-nhan-facebook-tren-may-tinh/">Tắt thông báo tin nhắn facebook trên máy tính</a></li><li class="mb-3"><a href="https://choigame.me/cs-go-mien-phi/">Cs:go miễn phí</a></li> </ul> </div> </div> </aside> </div> <!----> </div> </section> <style> .tags a { color: #fff; background: #909295; padding: 3px 10px; border-radius: 10px; font-size: 13px; line-height: 30px; white-space: nowrap; } .tags a:hover { background: #818182; } </style> <script type="text/javascript"> //hàm add data $(document).on('click', '.crawl', function(e){ e.preventDefault(); $this = $(this); var id = $this.attr('id-bv'); $this.html('<span class="spinner-border spinner-border-sm mr-2"></span>'); //send $.ajax({ url: "https://choigame.me/admin/post_all.php?grab", type: "POST", data: {id: id}, success: function(data){ data = $.parseJSON(data); if(data.type==='success') { location.href='https://choigame.me/goi-y-code-trong-sublime-text/'; } else { $this.html('<b>Lỗi</b>'); } } }); }); </script> <!----------footer--------------> <div id="footer"> <a href="https://choigame.me">Trang chủ</a> <a href="/contact/">Liên hệ - Quảng cáo</a> <span>Copyright © 2022 <a href="https://choigame.me">choigame.me</a></span> </div> <style> #footer {font-size: 14px;background: #ffffff;padding: 10px;text-align: center;} #footer a {color: #2c2b2b;margin-right: 10px;} </style> <!----------/footer--------------></main> <script type="text/javascript" src="/js/lazy-img.js"></script> </body></html>