Prettier

Đây là 1 tính năng mà mình rất thích và rất hay xài trong các dự án, và cũng bắt buộc các thành viên trong công ty xài nó, vì nó tự động format code về cùng 1 định dạng, không cần phải suy nghĩ hoặc làm thủ công nữa, khá hữu ích khi làm việc nhóm nha 😋

COC.nvim có hỗ trợ prettier extension luôn, đây là cách cài đặt và cấu hình:

• List extension trên mình đã có prettier rồi, nhưng nếu bạn muốn cài đặt riêng thì dùng lệnh này: :CocInstall coc-prettier

• Update config cho COC setting như sau:

  • Mở file coc-settings.json bằng cách: :CocConfig
  • Thêm dòng này vào:

  "coc.preferences.formatOnSaveFiletypes": [
    "css",
    "markdown",
    "typescript",
    "javascript",
    "javascriptreact",
    "typescriptreact",
    "json"
  ],
  

  • Lưu lại: :w

• Cấu hình tự động format khi lưu file:

command! -nargs=0 Prettier :call CocAction('runCommand', 'prettier.formatFile')
let g:prettier#autoformat = 1

• Thiết lập file .prettierrc

  • File này là file cấu hình prettier có thể đọc và thực hiện khi format

  {
    "trailingComma": "all",
    "arrowParens": "always",
    "printWidth": 120
  }
  

• Bạn có thể tham khảo thêm config của .prettierrc tại đây: https://github.com/neoclide/coc-prettier.

Phần tiếp theo chúng ta sẽ cấu hình ESLint để đảm bảo code theo chuẩn, dễ dàng làm việc nhóm nhé.

Xem tiếp » [Phần 9] Vim là cái quái gì? - Cài đặt ESLint cho Vim