让IntelliJ IDEA支持.vue文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了让IntelliJ IDEA支持.vue文件相关的知识,希望对你有一定的参考价值。

参考技术A file --> settings --> plugins,然后什么都不用输入,直接点击Browse repositories...

紧接着左上方输入“vue”,点击搜索结果里的vue.js,右边会有绿色install按钮,安装成功后重启idea,这样idea就能识别.vue文件了。

file-->setting-->editor-->file and code Templates,选择Vue File,然后可以在右边框中编辑默认模板内容,编辑完点击“ok”。

这样就可以通过new选项创建.vue文件了。

如何让 IntelliJ IDEA 在文件的每一端插入一个新行?

【中文标题】如何让 IntelliJ IDEA 在文件的每一端插入一个新行?【英文标题】:How to make IntelliJ IDEA insert a new line at every end of file? 【发布时间】:2013-05-21 14:31:06 【问题描述】:

如何让 IntelliJ IDEA 在文件的每一端插入一个新行, 这样 GitHub 就不会抱怨了?

【问题讨论】:

【参考方案1】:

更改您的编辑器设置:

设置 → 编辑器 → 常规 → 确保在保存时在文件末尾换行

【讨论】:

是否可以只强制一个? IE。如果有 2 个或更多,它会删除额外的换行符? @mrbrdo 在 intellij 14 中是 Settings->Editor->General->Other->Ensure line feed at file end on save. 该设置已移至较新版本:设置 -> 编辑器 -> 常规 -> 确保保存时文件末尾的换行 由于 IntelliJ 自动保存,除非我明确保存文件,否则我不会得到新行。除非我遗漏了什么,否则这并不能完全解决我的问题。 @AndriyKryvtsun 我认为这是 *nix 特定的(如 macOS 和 Linux),而不是 Windows 中的情况。来自Wikipedia:“...换行分隔行或它们终止行。”在 *nix 系统中,它们终止行,因此在某些程序看来,有一个尾随空行。【参考方案2】:

对于 MAC 用户:

Preferences > Editor > General > Ensure line feed at file end on save

【讨论】:

【参考方案3】:

IntelliJ IDEA 2016.3

方法一

文件 > 设置... > 编辑器 > 常规 > 确保文件换行保存结束

方法2

帮助 > 查找操作... (Ctrl+Shift+A) > 键入“确保换行” > 将切换开关切换到 ON(使用鼠标单击或 Enter)以获取“Other: Ensure line在“保存”行的文件末尾提要

【讨论】:

【参考方案4】:

具有许多方便功能的可能替代方案是EditorConfig

只需将.editorconfig 文件提交到您的仓库

[*]
insert_final_newline = true

它不仅可以在 Idea 中本地工作,而且可以在所有主要 IDE 中(有些需要插件)。

现在所有团队成员都将拥有相同的配置、eol、eof,并且不再有制表符和空格 :)

【讨论】:

在 WebStorm 中,如果启用了插件,这将覆盖默认的 IDE 配置。 哇!真的很喜欢这个答案。 EOF 之前的新行是这样一个小细节,有时不值得向团队中其他不理解和不在乎的人解释。这应该是选择的答案,因为。当 JetBrains 重新排列 UI 时,其他答案更有可能过时。这个答案更有可能永远有效,因为在 Intellij 上默认启用 EditorConfig。 请注意,在 Android Studio 中,当您保存任何更改时,它会添加一个新行,而不是重新格式化 @Maragues 自动保存以进行救援! 很好,更新后用 phpstorm (2019.2.1) 测试。【参考方案5】:

对于 Mac 用户:IntelliJ Idea 版本 2020.2

选项1:

IntelliJ Idea -> 首选项 -> 常规 -> 确保保存时文件末尾有一个空行

选项2:

⬆️ + ⌘ + A 或者直接点击菜单栏中的帮助 -> 查找操作,然后输入 Ensu 并选择确保保存时文件末尾有一个空行

【讨论】:

在当前版本 (2021.1) 中称为"Ensure every saved file ends with a line break" 我想知道这一点。对我来说,“换行符”不一定等同于文件末尾的额外行。【参考方案6】:

常规 -> 为 IntelliJ IDEA 2020 保存文件。

检查右下角:

【讨论】:

【参考方案7】:

在最新版本的 IntelliJ 中,该设置已重命名为“确保保存时文件末尾有一个空行”,并已移至设置>编辑器>常规>保存文件

这应该是评论,但我想添加屏幕截图,所以写了一个答案。

【讨论】:

【参考方案8】:

由于 Rider(IDEA 的 .NET 表亲)让我发疯,这可能对那些编写 C# 的人有所帮助,因为单独使用 Ensure line feed at file end on Save 是行不通的。它需要

File → Settings → Editor → Code Style → C# → Line Breaks and Wrapping → Line feed at end of file.

我不记得更改过它,我也没有确定导入任何设置,所以我猜它默认是禁用的。

【讨论】:

以上是关于让IntelliJ IDEA支持.vue文件的主要内容,如果未能解决你的问题,请参考以下文章

IntellIJ IDEA 配置 Vue 支持

如何在 .vue 中制作 IntelliJ IDEA lint TS 脚本?

Intellij IDEA通过Plugins导入vue.js

IntelliJ IDEA 11编辑php是,支持php文件名为.php5和.php4,如何设置能让其也支持.php呢?

让 IntelliJ IDEA 刷新项目并检测更改的文件

IntelliJ IDEA 中的 Drools 支持