Python PyCharm - 社区版是否能够突出显示 css/javascript？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/20986720/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
PyCharm - Is community edition able to highlight css/javascript?
提问by laike9m
I'm exploring the features of PyCharm to decide if I should use it(now PyDev). All looks great, but I haven't find a way to make PyCharm highlight css or js files:
我正在探索 PyCharm 的功能来决定是否应该使用它（现在是 PyDev）。一切看起来都很棒，但我还没有找到让 PyCharm 突出显示 css 或 js 文件的方法：
Is this a functionality which only provided in the commercial edition?
这是仅在商业版中提供的功能吗？
采纳答案by kukido
Web development with JavaScript, CoffeeScript, TypeScript, HTML/CSS supported by Professional Edition only. They are edited as text files with no mark-up in Community Edition.
仅专业版支持使用 JavaScript、CoffeeScript、TypeScript、HTML/CSS 进行 Web 开发。它们在 Community Edition 中被编辑为没有标记的文本文件。
回答by jurasource
You can create a new syntax definition via Settings / Editor / File and Code Templates.
您可以通过设置/编辑器/文件和代码模板创建新的语法定义。
Alternatively create a javascript.xml file in C:\Users\%USERNAME%.PyCharm30\config\filetypeswith this content:
或者在C:\Users\%USERNAME%.PyCharm30\config\filetypes 中创建一个 javascript.xml 文件，内容如下：
<?xml version="1.0" encoding="UTF-8"?>
<filetype binary="false" default_extension="" description="Javascript" name="Javascript">
<highlighting>
<options>
<option name="LINE_COMMENT" value="//" />
<option name="COMMENT_START" value="/*" />
<option name="COMMENT_END" value="*/" />
<option name="HEX_PREFIX" value="" />
<option name="NUM_POSTFIXES" value="" />
<option name="HAS_BRACES" value="true" />
<option name="HAS_BRACKETS" value="true" />
<option name="HAS_PARENS" value="true" />
<option name="HAS_STRING_ESCAPES" value="true" />
</options>
<keywords keywords="break;case;catch;class;const;continue;debugger;default;delete;do;else;export;extends;finally;for;function;if;import;in;instanceof;let;new;return;super;switch;this;throw;try;typeof;var;void;while;with;yield" ignore_case="false" />
</highlighting>
<extensionMap>
<mapping ext="js" />
</extensionMap>
</filetype>
回答by christianwgd
If you create css.xmlwith this content then you'll get css highlighting and code-completion:
如果您css.xml使用此内容创建，那么您将获得 css 突出显示和代码完成：
<?xml version="1.0" encoding="UTF-8"?>
<filetype binary="false" default_extension="" description="css" name="css">
<highlighting>
<options>
<option name="LINE_COMMENT" value="" />
<option name="COMMENT_START" value="/*" />
<option name="COMMENT_END" value="*/" />
<option name="HEX_PREFIX" value="" />
<option name="NUM_POSTFIXES" value="" />
<option name="HAS_BRACES" value="true" />
<option name="HAS_PARENS" value="true" />
</options>
<keywords keywords="@font-face;@keyframes;@media;align-content;align-items;align-self;animation;animation-delay;animation-direction;animation-duration;animation-fill-mode;animation-iteration-count;animation-name;animation-play-state;animation-timing-function;backface-visibility;background;background-attachment;background-clip;background-color;background-image;background-origin;background-position;background-repeat;background-size;border;border-bottom;border-bottom-color;border-bottom-left-radius;border-bottom-right-radius;border-bottom-style;border-bottom-width;border-collapse;border-color;border-image;border-image-outset;border-image-repeat;border-image-slice;border-image-source;border-image-width;border-left;border-left-color;border-left-style;border-left-width;border-radius;border-right;border-right-color;border-right-style;border-right-width;border-spacing;border-style;border-top;border-top-color;border-top-left-radius;border-top-right-radius;border-top-style;border-top-width;border-width;bottom;box-shadow;box-sizing;caption-side;clear;clip;color;column-count;column-fill;column-gap;column-rule;column-rule-color;column-rule-style;column-rule-width;column-span;column-width;columns;content;counter-increment;counter-reset;cursor;direction;display;empty-cells;flex;flex-basis;flex-direction;flex-flow;flex-grow;flex-shrink;flex-wrap;float;font;font-family;font-size;font-size-adjust;font-stretch;font-style;font-variant;font-weight;hanging-punctuation;height;icon;justify-content;left;letter-spacing;line-height;list-style;list-style-image;list-style-position;list-style-type;margin;margin-bottom;margin-left;margin-right;margin-top;max-height;max-width;min-height;min-width;nav-down;nav-index;nav-left;nav-right;nav-up;opacity;order;outline;outline-color;outline-offset;outline-style;outline-width;overflow;overflow-x;overflow-y;padding;padding-bottom;padding-left;padding-right;padding-top;page-break-after;page-break-before;page-break-inside;perspective;perspective-origin;position;quotes;resize;right;tab-size;table-layout;text-align;text-align-last;text-decoration;text-decoration-color;text-decoration-line;text-decoration-style;text-indent;text-justify;text-overflow;text-shadow;text-transform;top;transform;transform-origin;transform-style;transition;transition-delay;transition-duration;transition-property;transition-timing-function;unicode-bidi;vertical-align;visibility;white-space;width;word-break;word-spacing;word-wrap;z-index" ignore_case="false" />
</highlighting>
<extensionMap>
<mapping ext="css" />
</extensionMap>
</filetype>
回答by hbrls
Install the Dart Plugin. And remove *.js from JavaScript file types, then add *.js to Dart file types. It works!
安装Dart 插件。并从 JavaScript 文件类型中删除 *.js，然后将 *.js 添加到 Dart 文件类型。有用！
FYI: coffee plugin doesn't work
仅供参考：咖啡插件不起作用
回答by Jinal
go this tab https://www.jetbrains.com/help/pycharm/symbols.htmland add under, javascript allowed file type *.html or any other filetype where you dont see js properly mark up
转到此选项卡https://www.jetbrains.com/help/pycharm/symbols.html并在下面添加，javascript 允许的文件类型 *.html 或任何其他您没有看到 js 正确标记的文件类型
