Notepad++ 自定义语法高亮支持 ant design for VUE

Notepad++小巧，当记事本使用，但是又想代码高亮显示。

步骤：

打开 C:\Users\xxx\AppData\Roaming\Notepad++目录下的文件langs.xml

以下步骤，要学会调试，首先把vue扩展名加入到html里，看看notepad++能否显示除了antd特有标签的其它html标签 ？如果可以，才能继续。我所使用的notepad++版本，也许和读者的不一样。要区别对待。

把vue扩展名增加到html里去

<Language name="html" ext="html htm shtml shtm xhtml xht hta vue"

Keywords末尾加上：

a-row a-col a-radio-group a-radio a-drawer a-modal a-spin a-button a-steps a-form a-form-item a-table a-divider v-show a-input a-select a-upload a-select-option a-textarea a-tree-select a-list a-list-item a-switch a-range-picker a-card a-radio-button a-tabs a-tab-pane a-icon v-text,v-html,v-if,v-else,v-else-if,v-for,v-on:,v-bind:,v-model,v-pre,v-cloak,v-once,slot,slot-scope,:is,scope,:key,ref,template,vm.$data,vm.$props,vm.$el,vm.$options,vm.$parent,vm.$root,vm.$children,vm.$slots,vm.$scopedSlots,vm.$refs,vm.$isServer,vm.$attrs,vm.$listeners,vm.$watch,vm.$set,vm.$delete,vm.$on,vm.$once,vm.$off,vm.$emit,vm.$mount,vm.$forceUpdate,vm.$nextTick,vm.$destroy,vm.$isServer,vm.$attrs,vm.$listeners,vm.$watch,vm.$data

注意：逗号（,）替换成空格

完整代码：

<Language name="html" ext="html htm shtml shtm xhtml xht hta vue" commentLine="" commentStart="&lt;!--" commentEnd="--&gt;">
            <Keywords name="instre1">!doctype ^data- a abbr accept accept-charset accesskey acronym action address align alink alt applet archive area article aside async audio autocomplete autofocus axis b background base basefont bdi bdo bgcolor bgsound big blink blockquote body border br button canvas caption cellpadding cellspacing center char charoff charset checkbox checked cite class classid clear code codebase codetype col colgroup color cols colspan command compact content contenteditable contextmenu coords data datafld dataformatas datalist datapagesize datasrc datetime dd declare defer del details dfn dialog dir disabled div dl draggable dropzone dt element em embed enctype event face fieldset figcaption figure file font footer for form formaction formenctype formmethod formnovalidate formtarget frame frameborder frameset h1 h2 h3 h4 h5 h6 head header headers height hgroup hidden hr href hreflang hspace html http-equiv i id iframe image img input ins isindex ismap kbd keygen label lang language leftmargin legend li link list listing longdesc main manifest map marginheight marginwidth mark marquee max maxlength media menu menuitem meta meter method min minlength multicol multiple name nav nobr noembed noframes nohref noresize noscript noshade novalidate nowrap object ol onabort onafterprint onautocomplete onautocompleteerror onbeforeonload onbeforeprint onblur oncancel oncanplay oncanplaythrough onchange onclick onclose oncontextmenu oncuechange ondblclick ondrag ondragend ondragenter ondragleave ondragover ondragstart ondrop ondurationchange onemptied onended onerror onfocus onhashchange oninput oninvalid onkeydown onkeypress onkeyup onload onloadeddata onloadedmetadata onloadstart onmessage onmousedown onmouseenter onmouseleave onmousemove onmouseout onmouseover onmouseup onmousewheel onoffline ononline onpagehide onpageshow onpause onplay onplaying onpointercancel onpointerdown onpointerenter onpointerleave onpointerlockchange onpointerlockerror onpointermove onpointerout onpointerover onpointerup onpopstate onprogress onratechange onreadystatechange onredo onreset onresize onscroll onseeked onseeking onselect onshow onsort onstalled onstorage onsubmit onsuspend ontimeupdate ontoggle onundo onunload onvolumechange onwaiting optgroup option output p param password pattern picture placeholder plaintext pre profile progress prompt public q radio readonly rel required reset rev reversed role rows rowspan rp rt rtc ruby rules s samp sandbox scheme scope scoped script seamless section select selected shadow shape size sizes small source spacer span spellcheck src srcdoc standby start step strike strong style sub submit summary sup svg svg:svg tabindex table target tbody td template text textarea tfoot th thead time title topmargin tr track tt type u ul usemap valign value valuetype var version video vlink vspace wbr width xml xmlns xmp a-row a-col a-radio-group a-radio a-drawer a-modal a-spin a-button a-steps a-form a-form-item a-table a-divider v-show a-input a-select a-upload a-select-option a-textarea a-tree-select a-list a-list-item a-switch a-range-picker a-card a-radio-button a-tabs a-tab-pane a-icon v-text v-html v-if v-else v-else-if v-for v-on: v-bind: v-model v-pre v-cloak v-once slot slot-scope :is scope :key ref template vm.$data vm.$props vm.$el vm.$options vm.$parent vm.$root vm.$children vm.$slots vm.$scopedSlots vm.$refs vm.$isServer vm.$attrs vm.$listeners vm.$watch vm.$set vm.$delete vm.$on vm.$once vm.$off vm.$emit vm.$mount vm.$forceUpdate vm.$nextTick vm.$destroy vm.$isServer vm.$attrs vm.$listeners vm.$watch vm.$data</Keywords>
        </Language>

保存重启notepad++

把 conf，properties文件加入到 perl语言扩展名支持里，比较好，也能实现高亮。