Tag: brackets

defaultpreferences.json

Brackets editor – unable to autocomplete the shortcut html on clicking tab

November 19, 2022 (updated November 19, 2022) Published by

All the settings related to Brackets editor are configured in defaultPreferences.json(readonly file). you can access this file via 

`Debug->Preferences->Open Preference File`

Due to editor settings you may not able to edit `defaultPreferences.json` file but there will be another file which opens align with it when you open preference file

you can copy configuration information from  `defaultpreferences.json to brackets.json`.

This will override the defaults. You will also see code hints while typing the values in to brackets.json which will help picking the correct options.

INSTALL THE  `EMMET` PLUGIN

Now you should be able to use `tab` to complete the code. Few examples given below.

Type `!` and then press `tab` it will give full html snippet like below

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
Type `nav.nav>ul.menu>li.list>a.link` and then press `tab` it will give full html snippet like below

<nav class="nav">
        <ul class="menu">
            <li class="list"><a href="" class="link"></a></li>
        </ul>
    </nav>