在我安装并启用了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
}
我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?
当前回答
1 .使用其他扩展更漂亮的是不为我工作,我只是使用其他VSCODE扩展名为pretiernow我认为这将有助于,为我做的。在这里签出扩展
2 .从prettier的最新更新中,如果你想坚持使用prettier,你需要在项目的根目录中添加.prettierrc文件。 .prettierrc的一个例子是-
{
"tabWidth": 4,
"singleQuote": true,
"semi": false
}
其他回答
禁用和启用更漂亮的扩展解决了我的问题
这不是pretty本身的问题,而是pretty - VSCode, VSCode扩展的问题。根据Vue的文档,Vue格式默认是禁用的:
更漂亮。disableLanguages(默认值:["vue"]) 要禁用此扩展的语言id列表。需要重新启动。注意:禁用父文件夹中启用的语言将阻止格式化,而不会让任何其他格式化程序运行
在这种情况下,启用您应该设置“更漂亮。disableLanguages”:[]。由于这是一个扩展配置,你应该在VSCode设置文件,而不是。pretierrc。
在我的情况下,我使用的是一台windows机器,原来文件系统已经损坏,因此漂亮的提出了一个错误,因为它无法打开配置文件,由于文件系统损坏。
为了解决这个问题,我在终端上运行chkdsk /f h:,其中h是文件分区。
这解决了文件腐败和漂亮的现在工作正常。
在我的案例中,我必须做到以下几点:
从命令行安装prettier (npm Install——save-dev——save-exact prettier-plugin-custom) 重载VSCode
voilà,一切都开始运转了。
提示: 为了确保安装良好,我检查了版本:
npx prettier --version
如果你已经设置了所有的东西,你可以在设置和漂亮的工作不。尝试通过这个命令行安装它。 NPM install——save-dev pretty