Xin chào các bạn, Nếu bạn là một lập trình viên Frontend hay thường xuyên làm việc với Git, Nodejs thì chẳng lạ gì với cái command prompt đen sì của window nữa nhỉ 😆.
Trong công việc hàng ngày của mình, mình thao tác khá nhiều với git và đặc biệt mình là một người lười gõ, mình hay sử dụng tool trên visual studio và visual studio code để thao tác nhanh với git nhưng nó thật sự không ngầu một tẹo nào.
Và nếu bạn cũng lười gõ lệnh như mình thi chắc chắn rồi, việc customize một terminal vừa cool ngầu, vừa tiện ích sẽ giúp ích rất nhiều trong công việc của bạn, khiến đồng nghiệp đi qua ai cũng trầm trồ .
Thôi không lan man nữa, đi ngay vào vấn đề thôi nào .
Table of contents
Open Table of contents
Thành quả đạt được
Một chiếc Command Prompt cool ngầu và màu mè 😱
Chuẩn bị
Vì mình sử dụng window nên bài viết này mình chỉ nói về command prompt trên window thôi nhé, mình nhớ không lầm là linux hay mac có cái oh my zsh cũng siêu cấp vip pro nhé nếu bạn dùng linux hoặc mac thì bạn có thể tham khảo bài viết này để customize terminal của mình nhé.
Đầu tiên chúng ta phải tải về một Nerd Font. Nôm na thì nerd font nó là một bộ font mở rộng giúp làm việc với các biểu tượng và ký tự đặc biệt tốt hơn.
Bạn có thể vào đây và chọn một bộ font ưng ý nhé , ở đây mình chọn font Cascadia Mono. Bạn chọn font yêu thích, tải xuống và cài đặt theo sở thích của mình.
Sau khi cài xong font, ta đổi font mặc định của Command Prompt thành font vừa cài nhé.
Cài đặt font ở Visual studio code
Giới thiệu cài đặt Clink
Clink là một tiện ích mở rộng cho Command Prompt trên Windows.
Nó cung cấp nhiều tính năng như gợi ý dòng lệnh, lịch sử tương tác và tìm kiếm lịch sử dòng lệnh.
Điều này giúp người dùng dễ dàng tìm kiếm lệnh trước đó và tiết kiệm thời gian.
Ngoài ra, Clink còn hỗ trợ tùy chỉnh màu sắc, tạo giao diện dễ nhìn và dễ sử dụng.
Tải Clink tại đây và cài đặt.
Giới thiệu cài đặt Starship
Starship là một công cụ dòng lệnh đa chức năng và dễ nhìn, thay thế cho prompt dòng lệnh thông thường.
Nó cho phép người dùng tùy chỉnh giao diện và hiển thị thông tin của prompt.
Starship tương thích với nhiều loại môi trường và hỗ trợ các shell phổ biến.
Với tính linh hoạt và khả năng tùy chỉnh mạnh mẽ, Starship đã trở thành công cụ ưa thích của người dùng yêu thích giao diện đẹp mắt và chức năng mở rộng trên dòng lệnh.
Tải Starship tại đây và cài đặt.
Cấu hình Starship
Sau khi đã cài đặt thành công Clink và Starship chúng ta bắt đầu tiến hành config để chạy Starship mặc định với clink.
Thêm file starship.lua vào thư lục clink bên trong AppData/Local Nhấn tổ hợp phim Window + r để mở cửa sổ run và pate đường dẫn bên dưới vào để đi tới thư mục clink.
%localappdata%\clinkTạo file starship.lua và thêm nội dung bên dưới vào và lưu lại.
load(io.popen('starship init cmd'):read("*a"))()Customize Starship Theme
Để terminal trở nên màu mè và cool ngầu hơn chúng ta tiến hành custom config cho starship.
Nếu bạn lười như mình thì có thể xử dụng các theme có sẵn do cộng đồng custom từ trước hoặc có thể tự custom theo sở thích của mình.
Nếu bạn muốn vọc vạch thì có thể tham khảo thêm doc của starship tại đây.
Vào đây để chọn các theme có sẵn, ở đây mình chọn theme Plain Text Symbols và custom lại một chút, đây là file starship.toml của mình. Các bạn gõ Window + r và paste đoạn text bên dưới để đến thư mục chứa config và tạo file starship.toml
%USERPROFILE%\.configNội dung file starship.toml
format = """
$os\
$username\
$directory\
$git_branch\
$git_status\
$nodejs\
$docker_context\
$time\
\n$character"""
[character]
success_symbol = '[➜](bold green)'
error_symbol = "[x](bold red)"
vimcmd_symbol = "[<](bold green)"
[git_commit]
tag_symbol = " tag "
[git_status]
ahead = ">"
behind = "<"
diverged = "<>"
renamed = "r"
deleted = "x"
[time]
disabled = false
utc_time_offset = "+7"
time_format = "%I:%M:%S %p"
format = '[ 🕙 $time ]($style)'
[dotnet]
symbol = ".NET "
[directory]
read_only = " ro"
[docker_context]
symbol = "docker "
[git_branch]
symbol = " "
[golang]
symbol = "go "
[nodejs]
symbol = " "
[os]
format = "on [($name ) ]($style)"
style = "bold blue"
disabled = false
[status]
symbol = "[x](bold red) "
Bùm chíu terminal của bạn đã có vẻ xịn sò hơn trước rất nhiều rồi nhưng để nó xịn hơn thì chúng ta cần phải thêm alias command cho nó, Ví dụ bình thường khi chạy một project bằng React, hoặc Angular thì ta thường gõ
npm run startNhưng khi có alias rồi ta chỉ cần gõ
nrs #alias for npm run startĐể làm được điều đó chúng ta mở file clink.bat tại folder clink trong Programfile(x86) để thêm doskey, các bạn có thể tham khảo các alias mà mình tự thêm và tự custom alias cho riêng mình.
Các bạn gõ Window + r và paste đoạn text bên dưới để đến thư mục chứa file clink.bat nhé
C:\Program Files (x86)\clinkĐây là nội dung file clink.bat của mình
:: Copyright (c) 2012 Martin Ridgers
:: License: http://opensource.org/licenses/MIT
@echo off
doskey ip=ipconfig $*
doskey ls=dir $*
doskey gcm=git commit -m $*
doskey ga=git add . $*
doskey gcd=git checkout develop $*
doskey gpd=git pull origin develop $*
doskey gcb=git checkout -b $*
doskey grb=git rebase $*
doskey grbd=git rebase develop $*
doskey grbc=git rebase --continue $*
doskey gca=git commit --amend --no-edit $*
doskey gpf=git push -f $*
doskey gcp=git cherry-pick $*
doskey gs=git stash $*
doskey gsp=git stash pop $*
doskey gl1=git log --oneline -1 $*
doskey gl=git log $*
doskey glo=git log --oneline -$*
doskey nrb=npm run build $*
doskey gc=git checkout $*
doskey nrs=npm run start $*
doskey nrd=npm run dev $*
doskey ni=npm i $*
doskey nun=npm un $*
doskey pi=pnpm i $*
... Nộ dung mặc định của file
Đây là terminal Command Prompt bên trong Visual studio code của mình.
Chúc các bạn làm thành công!