power pages online vscode editor formats liquid code while reopening the vscode, how to fix this issue?

Question

power pages online vscode editor formats liquid code while reopening the vscode, how to fix this issue?

Test User 0

power pages online vscode editor formats liquid code while reopening the vscode

AmaranS 7,270 Reputation points Microsoft External Staff

2024-08-20T09:24:49.0633333+00:00

Hi Test User,

Thank you for reaching out to us on the Microsoft Q&A forum.

Could you kindly specify the exact Learn Path/Module name/Exercise link that you are going through?
AmaranS 7,270 Reputation points Microsoft External Staff

2024-08-20T10:12:19.5366667+00:00
Hi Test User,

It seems you're encountering an issue where the Power Pages online Visual Studio Code (VSCode) editor automatically formats your Liquid code when you reopen VSCode. This automatic formatting can sometimes alter the structure of your code, especially if the formatting rules differ from your intended style.

Here are a few ways to manage this:

Disable Automatic Formatting:

You can disable automatic formatting in VSCode by adjusting your settings.

Go to Settings > Text Editor > Formatting and uncheck the option for Format On Save.

- Alternatively, add the following setting to your `settings.json` file:

"editor.formatOnSave": false
Install a Liquid Formatter Extension:
- Install an extension that formats Liquid code according to your preferences. You can search for a Liquid formatter in the VSCode extensions marketplace. **EditorConfig File**:

Use an .editorconfig file to enforce consistent coding styles across editors. This file can specify indentation styles, line endings, and more for different file types, including Liquid.

Version Control:

If the automatic formatting is altering your code significantly, using version control (like Git) will help you revert changes or inspect differences easily.

These steps should help you manage and control the formatting behavior in VSCode when working with Liquid code.

Please don't hesitate to reach out to us if you have any other queries.

If you found the information helpful, we would greatly appreciate it if you could acknowledge it by selecting the Accept Answer & Upvote options.

Your answer

AmaranS 7,270 Reputation points Microsoft External Staff

2024-08-20T09:24:49.0633333+00:00

Hi Test User,

Thank you for reaching out to us on the Microsoft Q&A forum.

Could you kindly specify the exact Learn Path/Module name/Exercise link that you are going through?
AmaranS 7,270 Reputation points Microsoft External Staff

2024-08-20T10:12:19.5366667+00:00

Hi Test User,

It seems you're encountering an issue where the Power Pages online Visual Studio Code (VSCode) editor automatically formats your Liquid code when you reopen VSCode. This automatic formatting can sometimes alter the structure of your code, especially if the formatting rules differ from your intended style.

Here are a few ways to manage this:

Disable Automatic Formatting:

You can disable automatic formatting in VSCode by adjusting your settings.

Go to Settings > Text Editor > Formatting and uncheck the option for Format On Save.

- Alternatively, add the following setting to your `settings.json` file:

"editor.formatOnSave": false
Install a Liquid Formatter Extension:
- Install an extension that formats Liquid code according to your preferences. You can search for a Liquid formatter in the VSCode extensions marketplace. **EditorConfig File**:

Use an .editorconfig file to enforce consistent coding styles across editors. This file can specify indentation styles, line endings, and more for different file types, including Liquid.

Version Control:

If the automatic formatting is altering your code significantly, using version control (like Git) will help you revert changes or inspect differences easily.

These steps should help you manage and control the formatting behavior in VSCode when working with Liquid code.

Please don't hesitate to reach out to us if you have any other queries.

If you found the information helpful, we would greatly appreciate it if you could acknowledge it by selecting the Accept Answer & Upvote options.

Share via

power pages online vscode editor formats liquid code while reopening the vscode, how to fix this issue?

Your answer