PyCharm - 커뮤니티 에디션이 CSS/자바 스크립트를 강조 표시 할 수 있습니까?

Question

PyChev의 기능을 탐색하여 (현재 PyDev) 사용할지 결정합니다. 모두 훌륭하지만 PyCharm 강조 CSS 나 JS 파일을 만들 수있는 방법을 찾을 수있다 :

이 유일한 상용 버전에서 제공되는 기능입니다?

Answer 1

Professional Edition에서만 지원되는 JavaScript, CoffeeScript, TypeScript, HTML/CSS가있는 웹 개발. 커뮤니티 에디션에서 마크 업없이 텍스트 파일로 편집됩니다.

PyCharm Editions Comparison

Answer 2

당신은 설정/편집/파일 및 코드 템플릿를 통해 새로운 구문 정의를 만들 수 있습니다.

는 또한 C에 javascript.xml 파일을 생성 : \ 사용자이 내용 \ %는 USERNAME % .PyCharm30는 \ 설정 \는 파일 형식 : 당신이 다음이 콘텐츠와 css.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> 

Answer 3

당신은거야 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> 

Answer 4

Dart Plugin을 설치하십시오. JavaScript 파일 유형에서 * .js를 제거한 다음 * .js를 Dart 파일 유형에 추가하십시오. 그것은 작동합니다!

참고 : 커피 플러그인이 모든 편집기 지원되지 않는 파일 형식