webstrom中vue文件每次ctrl+s保存都自动格式化代码,怎么取消掉这个功能?
时间: 2024-04-05 20:35:08 浏览: 11
取消WebStorm自动格式化Vue文件代码的方法与取消纯JavaScript代码的方法类似,您可以按照以下步骤进行操作:
1. 打开WebStorm的设置界面,可以通过菜单栏中的“File”->“Settings”打开。
2. 在左侧的导航栏中,选择“Editor”->“Code Style”。
3. 在右侧的界面中,选择“Vue”。
4. 在“Vue”的设置页面中,找到“On save”选项。
5. 将“On save”选项中的“Reformat code”选项取消勾选。
6. 点击“Apply”和“OK”按钮保存更改并退出设置界面。
这样就可以取消WebStorm自动格式化Vue文件代码的功能了。
相关问题
VScode设置vue文件中保存自动格式化代码以及settings.json文件的配置。
要设置在保存 Vue 文件时自动格式化代码,您可以使用 VS Code 中的 Prettier 扩展。请按照以下步骤操作:
1. 在 VS Code 中打开您的 Vue 项目或 Vue 文件。
2. 安装 Prettier 扩展。您可以在 VS Code 中的扩展商店中搜索 Prettier 并安装它。
3. 在 VS Code 中打开设置。您可以通过菜单栏中的“文件”>“首选项”>“设置”或使用快捷键“Ctrl + ,”打开设置。
4. 在设置中搜索“Editor: Format On Save”并将其打开。
5. 在下拉菜单中选择“Enabled”以启用在保存时格式化代码。
6. 现在,当您保存 Vue 文件时,Prettier 将自动格式化您的代码。
要配置 settings.json 文件以支持自动格式化,请按照以下步骤操作:
1. 在 VS Code 中打开您的 Vue 项目或 Vue 文件。
2. 在 VS Code 中打开设置。您可以通过菜单栏中的“文件”>“首选项”>“设置”或使用快捷键“Ctrl + ,”打开设置。
3. 在设置中搜索“Editor: Default Formatter”并打开它。
4. 在“Default Formatter”下拉菜单中选择“esbenp.prettier-vscode”。
5. 现在,当您保存 Vue 文件时,VS Code 将使用 Prettier 格式化您的代码。
希望这些步骤可以帮助您设置自动格式化代码并配置 settings.json 文件。
VSCode 设置vue 保存自动格式化代码
为了在 VSCode 中保存时自动格式化 Vue 代码,你需要安装以下两个扩展:
1. Vetur:该扩展为 Vue.js 提供了语法高亮、智能感知和格式化支持,可以在 VSCode 中更好地编写和调试 Vue 代码。
2. Prettier:该扩展提供了一种自动格式化代码的方式。你可以在保存时自动触发 Prettier 格式化代码。
安装完上述两个扩展后,按照以下步骤进行设置:
1. 打开 VSCode 设置(快捷键:Ctrl + , 或者 Command + ,)。
2. 在搜索框中输入“format on save”,找到“Editor: Format On Save”选项。
3. 勾选该选项,表示保存时自动格式化代码。
4. 在搜索框中输入“default formatter”,找到“Vetur”选项。
5. 选择“Prettier”作为默认格式化工具。
现在你已经完成了设置,保存 Vue 代码时就会自动触发格式化。