Trung Quân
  • Node.js
  • ReactJS
    • Learn React Hooks
  • MERN Stack
  • Thuật Toán
  • Công Nghệ
    • Amazon AWS
    • Hosting – Domain
  • Về Tác Giả
  • Bản Quyền
Top Posts
Lộ trình học lập trình Web từ con...
Nhận diện, xác thực khuôn mặt với ReactJS...
Tạo hiệu ứng thẻ bài Magic với HTML...
NodeJS viết API gửi Email với OAuth2 và...
Tạo hiệu ứng Parallax đơn giản chỉ với...
Git – GitHub • Học Git thực tế...
Tạo một trang GitHub Profile phiên bản vũ...
Cài đặt iTerm2, Oh My Zsh, Zsh-autosuggestions và...
Cài đặt NVM, NodeJS và GIT trên MacOS...
Thuật toán Tìm phần tử bị lặp đầu...

Trung Quân

  • Node.js
  • ReactJS
    • Learn React Hooks
  • MERN Stack
  • Thuật Toán
  • Công Nghệ
    • Amazon AWS
    • Hosting – Domain
  • Về Tác Giả
  • Bản Quyền
Sublime Text

Hướng Dẫn Tạo Giao Diện Trong Suốt Chuyên Nghiệp Cho Sublime Text 3

by trungquandev April 26, 2016
written by trungquandev April 26, 2016
Hướng Dẫn Tạo Giao Diện Trong Suốt Chuyên Nghiệp Cho Sublime Text 3

Xin chào tất cả các bạn, mình là Quân, hôm nay mình sẽ hướng dẫn các bạn tạo giao diện trong suốt trong Sublime Text 3 nhé, để viết code trông chuyên nghiệp hơn, như kiểu trong phim ấy =))

Bạn nào chưa có key bản quyền Sublime Text thì mình có share ở bài viết này !

Trước khi bắt đầu thì có lưu ý nhỏ là các bạn phải bật Sublime ở chế độ Administrator thì mới làm được nhé. 

Bắt đầu tạo giao diện:

Trong màn hình Sublime Text chúng ta chọn Preferences> Package Control hoặc nhấn tổ hợp phím Ctrl+Shif+P, màn hình Package Control hiện ra chúng ta chọn tiếp Install Package.

Bạn nào mà không thấy Package Control thì tức là chưa cài nó, mình có bài hướng dẫn cài PackageControl ở đây nhé!

huong-dan-tao-giao-dien-trong-suot-sublime-text-3

…

huong-dan-tao-giao-dien-trong-suot-sublime-text-3-2

Màn hình Install Package hiện ra, các bạn nhập vào ô tìm kiếm là “Theme – itg.flat” sau đó nhấn Enter để nó cài đặt.

huong-dan-tao-giao-dien-trong-suot-sublime-text-3-3

Tiếp đến bạn cần cái 1 plugin tạo độ mờ đó là Transparency, các bạn cài tương tự như cài Itg.flat

huong-dan-tao-giao-dien-trong-suot-sublime-text-3-4

Để trông giao diện đen hoàn toàn đẹp lung linh thì bạn mở Preferences > Setting-User, (Ở bản sublime hiện tại mình kiểm tra hôm nay (05/05/2017) thì sẽ là Preferences > Setting, nó sẽ hiện ra 2 tab, có 1 tab bên phải là User, các bạn làm tiếp tương tự) xóa hết cái mặc định ban đầu đi rồi copy đoạn code dưới đây dán vào và Save lại -> Sublime nó sẽ tự động thay đổi giao diện.

{
  "color_scheme": "Packages/User/SublimeLinter/itg.dark (SL).tmTheme",
  "font_size": 12,
  "ignored_packages":
  [
    "BracketHighlighter",
    "Vintage"
  ],
  "itg_sidebar_tree_medium": true,
  "itg_small_tabs": true,
  "theme": "itg.flat.dark.green.sublime-theme"
}

Chú ý, mình update, sau cái bước này một số bạn sẽ bị thông báo lỗi và trắng màn hình Sublime, đó là do bản cập nhật mới của Sublime có chút thay đổi tại thời điểm mình kiểm tra và viết lưu ý này (05/05/2017). Giải quyết đơn giản thôi, các bạn cứ nhấn OK cho cái thông báo lỗi mất đi, sau đó chọn như hình dưới đây Color Scheme > Theme – itg.flat > itg.dark. Như vậy là xong.

sublime-theme-trong-suot

huong-dan-tao-giao-dien-trong-suot-sublime-text-3-5-1

Bạn nào thích vọc vạch giao diện khác hay màu khác thì có thể tìm hiểu thêm ở đây,  https://packagecontrol.io/packages/Theme%20-%20itg.flat ,rất dễ hiểu thôi không khó gì đối với dân lập trình chúng ta cả =))

Cuối cùng là bước tạo độ mờ, đơn giản thôi, sau khi đã có Plugin Transparency rồi thì bạn chỉ cần chọn như sau:

Preferences > Opacity > Enable >… và chọn mức độ mờ mà bạn thích, có kèm theo các phím tắt ở bên nữa đấy, bạn nào nhớ được thì nhớ, dùng cho nhanh.

huong-dan-tao-giao-dien-trong-suot-sublime-text-3-6

Done.

Nếu có gì thắc mắc hoặc cần hỏi, bạn có thể comment dưới Bài Viết này hoặc Liên Hệ với mình, mình sẽ trả lời bạn sớm nhất. Cảm ơn các bạn và hẹn gặp lại các bạn ở những bài hướng dẫn tiếp theo.

Best Regards – Trung Quân

Khóa học lập trình làm việc thực tế:

Nếu các bạn thấy bài viết của mình có ích thì hãy ủng hộ mình bằng cách tham khảo bài viết giới thiệu khóa học lập trình MERN Stack Miễn Phí cực kỳ chất lượng và chính chủ dưới đây của mình nhé, cảm ơn các bạn ^^
KHOÁ HỌC LẬP TRÌNH MERN STACK 100% DỰ ÁN THỰC TẾ và CHẤT LƯỢNG
mern-stack-course-trungquandev
9 comments
0
FacebookTwitterGoogle +Pinterest
trungquandev

previous post
Lỗi HTTP Error Khi upload ảnh lên wordpress
next post
Ứng dụng web liệt kê “n” số nguyên tố đầu tiên

Related Posts

10 Packages Sublime Text tuyệt vời cho Frontend...

April 23, 2016

Hướng dẫn cài đặt và sử dụng một...

May 5, 2017

Các gói Packages Sublime Text tuyệt vời cho...

April 23, 2016

Bát Chánh Đạo

batchanhdao-trungquandev

About Me

About Me

Trung Quân

Software Engineer at Pod Foods

Academy Of Cryptography Techniques

"I am a dog and cat lover, love green, love to read books, write blog and oil painting ..."

Read my CV → https://cv.trungquandev.com/

My Maxim Live

A bit of fragrance clings to the hand that gives flowers!

For Vietnamese young generation

Đừng bao giờ làm người khổng lồ trong tư tưởng nhưng chỉ là thằng lùn trong hành động.

Keep in touch

Facebook Instagram Linkedin Youtube Email Github

Fanpage Facebook

Facebook

Học lập trình “MERN Stack Cơ Bản” qua ứng dụng thực tế

mern-stack-trello-app-trungquandev


  Khóa học lập trình MERN Stack (NodeJS, ReactJS, ExpressJS, MongoDB) cực kỳ chất lượng và Miễn Phí do chính mình hướng dẫn nhé:
  MERN Stack - xây dựng ứng dụng quản lý công việc dạng Kanban tương tự Trello.

Học lập trình “MERN Stack Nâng Cao” qua ứng dụng thực tế

mern-stack-advanced-trello-app-trungquandev


  * Học lập trình MERN Stack Nâng Cao (NodeJS, ReactJS, ExpressJS, MongoDB). Đây là một khóa học mà mình đã làm cực kỳ tâm huyết, với phong cách dạy lập trình làm dự án thực tế, chuyên nghiệp. Để các bạn có một hành trang kiến thức vững chắc cho hành trình làm lập trình viên trong tương lai nhé.
  Lập Trình MERN Stack Nâng Cao - Học Thực Tế Để Đi Làm

YouTube: Trungquandev Official

youtube-channel-trungquandev-official


  - Các bạn tham khảo kênh YouTube chính thức của mình và ủng hộ mình bằng cách tặng mình một lượt Đăng Ký Kênh nha.
Cảm ơn các bạn ^^

  YouTube: TRUNGQUANDEV OFFICIAL

© Copyright

Bản quyền:
  © DMCA (Digital Millennium Copyright Act)


DMCA.com Protection Status

License

Giấy phép nội dung:
  Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 Quốc tế.


Giấy phép Creative Commons

Other links

Portfolio của mình:
  https://cv.trungquandev.com

Lập trình cuộc sống:
  https://laptrinhcuocsong.com

Nhiều bài viết hay về javascript:
  https://codetheworld.io

  • Facebook
  • Youtube
  • GitHub
  • Linkedin
  • Instagram

@2022 - trungquandev.com. Since 2016 - All Right Reserved. Developed by Trung Quân Dev