在我安装并启用了ESlint和Prettier的Nuxt应用程序中,我切换到Visual Studio Code。
当我打开一个.vue文件并按CMD+ Shift + P并选择格式化文档时,我的文件根本没有被格式化。
我的.prettierrc设置:
{
"tabWidth": 2,
"semi": false,
"singleQuote": true
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
在我安装并启用了ESlint和Prettier的Nuxt应用程序中,我切换到Visual Studio Code。
当我打开一个.vue文件并按CMD+ Shift + P并选择格式化文档时,我的文件根本没有被格式化。
我的.prettierrc设置:
{
"tabWidth": 2,
"semi": false,
"singleQuote": true
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
当前回答
你只需要配置你的默认格式化器,并勾选设置中的Format On Save复选框,在安装prettier后,使其工作。不要乱动其他配置文件。
1 -选择Default Formatter
打开文件->首选项->设置(或Windows中的Ctrl +)。 搜索编辑器:默认格式化器 选择您的默认格式化程序为pretty - Code formatter;
见下图;
2 -保存格式
打开文件->首选项->设置(或Windows中的Ctrl +)。 搜索编辑器:保存格式 单击Format On Save下的复选框;
见下图;
其他回答
Prettier还可以在保存时格式化文件。
但是,安装和启用并不会导致工作。
你必须检查“保存格式”在VSCode:设置>>用户>>文本编辑>>格式
更漂亮地回滚到1.7.3并修复了它
1 .使用其他扩展更漂亮的是不为我工作,我只是使用其他VSCODE扩展名为pretiernow我认为这将有助于,为我做的。在这里签出扩展
2 .从prettier的最新更新中,如果你想坚持使用prettier,你需要在项目的根目录中添加.prettierrc文件。 .prettierrc的一个例子是-
{
"tabWidth": 4,
"singleQuote": true,
"semi": false
}
如果你已经设置了所有的东西,你可以在设置和漂亮的工作不。尝试通过这个命令行安装它。 NPM install——save-dev pretty
在我的例子中,我使用一个不存在的配置文件(见下面的屏幕截图)配置得更漂亮。这很难找到,因为没有任何错误消息,但漂亮的只是没有工作。也许这也能帮助到别人。