Set coding preferences

Select View > Code View Options.

Wraps the code so that you can view it without scrolling horizontally. This option doesn’t insert line breaks; it just makes the code easier to view.

Displays line numbers along the side of the code.

Displays special characters in place of white space. For example, a dot replaces each space, a double chevron replaces each tab, and a paragraph marker replaces each line break.

Enables or disables code coloring. For information on changing the coloring scheme, see Set the code colors.

Makes your code indent automatically when you press Enter while writing code. The new line of code indents to the same level as the previous line. For information on changing the indent spacing, see the Tab Size option in Change the code format.

Indicates whether code generated by Dreamweaver should be indented (according to the indentation rules specified in these preferences) or not.

Most of the indentation options in this dialog box apply only to code generated by Dreamweaver, not to code that you type. To make each new line of code that you type indent to the same level as the previous line, select View > Code View Options Auto-Indent option. For more information, see Set the code appearance.

(Text box and pop‑up menu) Specifies how many spaces or tabs Dreamweaver should use to indent code that it generates. For example, if you type 3 in the box and select Tabs in the pop‑up menu, then code generated by Dreamweaver is indented using three tab characters for every level of indentation.

Determines how many characters wide each tab character appears in Code view. For example, if Tab Size is set to 4, then each tab is displayed in Code view as a four-character-wide blank space. If, additionally, Indent With is set to 3 Tabs, then code generated by Dreamweaver is indented using three tab characters for every level of indentation, which appears in Code view as a twelve-character-wide blank space.

Dreamweaver indents using either spaces or tabs; it doesn’t convert a run of spaces to a tab when inserting code.

Select this option if you plan to use Emmet abbreviations as you code. Selecting this option ensures that when you press Tab, Dreamweaver converts the Emmet abbreviation into full HTML or CSS code. For more information on using Emmet, see Use the Emmet toolkit with Dreamweaver.

Specifies the type of remote server (Windows, Macintosh, or UNIX) that hosts your remote site. Choosing the correct type of line break characters ensures that your HTML source code appears correctly when viewed on the remote server. This setting is also useful when you are working with an external text editor that recognizes only certain kinds of line breaks. For example, use CR LF (Windows) if Notepad is your external editor, and use CR (Macintosh) if SimpleText is your external editor.

For servers that you connect to using FTP, this option applies only to binary transfer mode; the ASCII transfer mode in Dreamweaver ignores this option. If you download files using ASCII mode, Dreamweaver sets line breaks based on the operating system of your computer; if you upload files using ASCII mode, the line breaks are all set to CR LF.

Addresses a rendering problem that occurs in some older browsers when white space or line breaks exist immediately after a <td> tag, or immediately before a </td> tag. When you select this option, Dreamweaver does not write line breaks after a <td> or before a </td> tag, even if the formatting in the Tag Library indicates that the line break should be there.

Lets you set formatting options for individual tags and attributes in the Tag Library Editor.

(Japanese version only) Lets you select either &nbsp; or Zenkaku space for HTML code. The white space selected in this option will be used for empty tags when creating a table and when the “Allow Multiple Consecutive Spaces” option is enabled in Japanese Encoding pages.

The default code folding size is two lines. With this default setting, all code fragments that have at least two lines of code are collapsible. Code fragments that are lesser than two lines can be collapsed only by selecting the code. For more information on code folding, see Collapse and expand code.

Rewrites overlapping tags. For example, <b><i>text</b></i> is rewritten as <b><i>text</i></b>. This option also inserts closing quotation marks and closing brackets if they are missing.

Ensures you don’t have duplicate names for form objects. This option is enabled by default.

Unlike the other options in this preferences dialog box, this option does not apply when you open a document, only when you copy and paste a form element.

Deletes closing tags that have no corresponding opening tag.

Displays a summary of technically invalid HTML that Dreamweaver attempted to correct. The summary notes the location of the problem (using line and column numbers) so that you can find the correction and ensure that it’s rendering as intended.

Allows you to prevent Dreamweaver from rewriting code in files with the specified filename extensions. This option is particularly useful for files that contain third-party tags.

Ensures that attribute values that you enter or edit using Dreamweaver tools such as the Property inspector contain only legal characters. This option is enabled by default.

This option and the following options do not apply to URLs that you type in Code view. Also, they do not cause existing code already in a file to change.

Prevents Dreamweaver from changing URLs to use only legal characters. This option is enabled by default.

Ensures that when you enter or edit URLs using Dreamweaver tools such as the Property inspector, those URLs contain only legal characters.

Operates the same way as the preceding option, but uses a different method of encoding special characters. This encoding method (using the percent sign) may be more compatible with older browsers, but doesn’t work as well with characters from some languages.

Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).

Select Code Hints from the category on the left.

Set any of the following options:

Specify how you want Dreamweaver to close tags.

• After typing "</" - 
• After typing the open tag's ">" - Select this option if you want Dreamweaver to automatically add a closing tag after you close the opening tag.
• Never - Set this option if you don't want Dreamweaver to automatically add closing tags.

Select this option to enable or disable code hinting and code completion in Dreamweaver. For more information on Dreamweaver's code hinting and code completion features, see Code hinting and code completion.

Select this option to enable descriptions to appear with your code hints. These descriptions provide additional information about the code you are writing.

Auto-insert braces  When checked,  closing brace is automatically inserted whenever user types an opening brace. When unchecked, closing brace is not inserted when user types opening brace. Applies to all types of braces and all file types (html, php,css, js).

Auto-insert quotes  When checked, closing quote Is automatically inserted whenever user types an opening quote. When unchecked, closing quote is not inserted when user types opening quote. Applies to both single and double quotes and all file types (html, php,css, js).

Open the brackets.json file from the following location:

• Win: %appdata%\Adobe\Dreamweaver CC 2018\en_US\Configuration\Brackets\
• Mac: ~/Library/Application Support/Adobe/Dreamweaver CC 2018/en_US/Configuration/Brackets/
   

To disable auto closing of brackets and parantheses, set autoCloseBraces to False.

To disable auto insertion of matching quotes, set autoCloseQuotes to Flase.

If you want to enable auto closing of brackets, and matching quotes, set the above mentioned values to true.

Save the .json file, and launch Dreamweaver.

Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).

Set PHP from the category list on the left.

Choose a PHP version from the PHP Version drop-down list and click Apply.

In the Site Setup dialog box, under Advanced Settings, select PHP.

Choose a PHP version from the PHP Version drop-down list and click Save.

Select Interface from the Category list on the left.

Choose a theme from the Color Themes list. 

After setting the interface theme, set the code theme.

You can choose between a light or dark code theme.

Click Apply to save the changes.

You can choose to further customize the code coloring according to your requirements. For more information, see Customize code coloring.

Specifies the filename extensions that automatically open in Code view in Dreamweaver.

Specifies the behavior when Dreamweaver detects that changes were made externally to a document that is open in Dreamweaver.

Specifies whether Dreamweaver should always save the current document before starting the editor, never save the document, or prompt you to ask whether to save or not each time you start the external editor.

You can connect Fireworks with Dreamweaver by providing the path to the application here.