I figured this out after I posted this request in Github page of the plugin. there is one other typescript plugin for brackets and if you have installed it, that intervenes with this. right one is fdecampredon/brackets-typescript
For the first issue, try the Emmet extension. It lets you use that exact CSS-like shorthand and auto-expand it to HTML code. For the second issue, what type of file are you in? Brackets uses “smart indent” to position the cursor on new lines based on the syntax of the code. If you’re in an HTML file, it … Read more
The Live Preview “Base URL” is the localhost URL that corresponds to the root folder of your project. Brackets uses this to map from a local path on disk to the server URL which serves up that same file: it takes the HTML file’s path relative to the project root, appends that relative path onto the Base … Read more