Rekomendasi Plugin Sublime Text untuk Develop Website dengan LARAVEL

0
0
Deskripsi

halo temen - temen berikut merupakan list plugin yang aku rekomendasikan untuk dipakai saat mendevelop website, terutama jika temen - temen menggunakan framework laravel

salah satunya yaitu plugin LSP intelephense (berguna untuk fitur autocomple code)

cara install :

$ npm -g i intelephense

halo temen - temen berikut merupakan list plugin yang aku rekomendasikan untuk dipakai saat mendevelop website, terutama jika temen - temen menggunakan framework laravel :

  • emmet
  • git
  • git blame
  • git gutter
  • syncedsidebar
  • lsp
  • lsp intelephense
  • nightfall color scheme
  • fileicons
  • git badges like vscode
  • lsp bash
  • lsp css
  • lsp html
  • lsp dockerfile
  • lsp eslint
  • lsp svelte
  • lsp typescript
  • lsp yaml
  • lsp vue

Untuk LSP temen - temen perlu install nodejs terlebih dahulu di local laptop cek https://nodejs.org/en/download/ 

Perintah untuk install intelephense (berguna untuk fitur autocomple code)

$ npm -g i intelephense

Untuk mengaktifkan LSP tekan command + shift + p lalu pilih Enable Language Server in Command Palette lalu buka menu Package Settings > LSP > Servers > LSP-Intelephense, masukan konfigurasi dibawah

{
    "enabled": true,
    "command": [
        "intelephense",
        "--stdio",
    ],
    "scopes": ["source.php", "embedding.php"],
    "syntaxes": ["Packages/PHP/PHP.sublime-syntax"],
    "languageId": "php",
    "initializationOptions": {
        "clearCache": false,
        "licenceKey": "",
    },
}

 

Kalo ini konfigurasi sublime text yg sering ku pake:

{
	"ignored_packages":
	[
		"Vintage",
		"zzz A File Icon zzz",
	],
	"theme": "Adaptive.sublime-theme",
	"font_face": "Ubuntu Mono",
	"font_size": 12,
	"save_on_focus_lost": true,
	"color_scheme": "Packages/Nightfall color scheme/Nightfall.tmTheme",
	// "auto_complete_selector": "punctuation.accessor"
}

 

Kalo ini config keybindings yg ku pake terutama klo pake macos:

[
    {
        "command": "lsp_symbol_definition",
        "args": {
            "side_by_side": false
        },
        "keys": [
            "ctrl+enter"
        ],
        "context": [
            {
                "key": "lsp.session_with_capability",
                "operator": "equal",
                "operand": "definitionProvider"
            },
            {
                "key": "auto_complete_visible",
                "operator": "equal",
                "operand": false
            }
        ]
    },

    {
        "command": "lsp_format_document",
        "keys": [
            "ctrl+shift+'"
        ],
        "context": [
            {
                "key": "lsp.session_with_capability",
                "operator": "equal",
                "operand": "documentFormattingProvider | documentRangeFormattingProvider"
            }
        ]
    },
    { "keys": ["ctrl+b"], "command": "toggle_side_bar" },
    { "keys": ["ctrl+t"], "command": "toggle_terminus_panel" },
    { "keys": ["ctrl+shift+o"], "command": "close_all" },
]

Karya ini GRATIS! Tapi kamu boleh kok kasih tip biar kreator hepi 🥰

Selanjutnya Buat Ram Tambahan gratis di Linux
0
0
halo ketemu lagi kali ini kita akan membuat ram tambahan secara gratis ketika temen - temen pake os Linux
Apakah konten ini melanggar ketentuan yang berlaku sesuai syarat dan persetujuan? Laporkan