EditorConfig for VS Code无法正常工作

时间:2017-10-20 09:25:49

标签: html css visual-studio-code editorconfig

我使用VS Code作为编辑器。我们有一个.editorconfig文件,其中包含格式配置。我们在编辑器中使用extenion EditorConfig来格式化我们的HTML和CSS一般。我从这里安装了VS Code的扩展EditorConfig:https://github.com/editorconfig/editorconfig-vscode

我们的.editorconfig文件如下所示:

# This is the top-most .editorconfig file (do not search in parent directories)
root = true

### All files
[*]
# Force charset utf-8
charset = utf-8
# Indentation
indent_style = tab
indent_size = 4
# line breaks and whitespace
insert_final_newline = true
trim_trailing_whitespace = true
# end_of_line = lf

### Frontend files
[*.{css,scss,less,js,json,ts,sass,php,html,hbs,mustache,phtml,html.twig}]

### Markdown
[*.md]
indent_style = space
indent_size = 4
trim_trailing_whitespace = false

### YAML
[*.yml]
indent_style = space
indent_size = 2

### Specific files
[{package,bower}.json]
indent_style = space
indent_size = 2

我无法找到任何键盘快捷键,设置或其他。如何让我的扩展程序执行.editorconfig文件中的内容?

2 个答案:

答案 0 :(得分:20)

我自己的解决方案:

我遇到的问题是,我已将扩展程序from django.conf.urls import url from . import views from django.contrib.auth.views import login urlpatterns = [ url(r'^$', login, {'template_name': 'myapp/login.html'}), ] 添加到editorconfig,但没有安装vscode。所以仅仅将扩展名添加到你的vscode是不够的,你还要安装包,这样它就可以运行了。

我像这样安装了npm package全球:npm package

之后我添加了扩展并启用了它。现在它完美无缺。

以下是所需npm包的链接:https://www.npmjs.com/package/editorconfig

以下是vscode所需扩展程序的链接:https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

答案 1 :(得分:2)

除此之外,我还需要打开“保存时编辑器格式”选项。

{
   "editor.formatOnSave": true
}