Atom で小さなプログラム ファイルを構成する場合は、コードを強調表示してください。

この記事では、AtomWeChat アプレット ファイルのコード ハイライトを設定する方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

ミニ プログラムに関連するファイル拡張子は、.wxml、.wxss、.wxs です。 , ただし、Atom エディターはデフォルトではこれらの種類のファイルを自動的に認識しないため、これらのファイルを開くと、反人間的な白黒コードのみが表示されます。

洗練された解決策は、Atom が .wxml を .html として、.wxss を として扱うように Atom の構成を変更することです。 .css、.wxs を .js として扱います。このようにして、これらの種類のファイルを開いたときに色付きのコードが表示されます。 [関連する推奨事項: 「atom チュートリアル 」]

操作手順

##1. config.cson 構成を開きます。 file

ショートカット キー

Command Shift P を押してコマンド パネルを呼び出し、「Application: Open Your Config」と入力します。 、Enter キー をクリックすると、ファイル config.cson

が開きます。 ##config.cson 設定ファイル

core

の下に <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false;">customFileTypes: &amp;#39;text.html.basic&amp;#39;: [ &amp;#39;wxml&amp;#39; ] &amp;#39;source.css&amp;#39;: [ &amp;#39;wxss&amp;#39; ] &amp;#39;source.js&amp;#39;: [ &amp;#39;wxs&amp;#39; ]</pre><div class="contentsignin">ログイン後にコピー</div></div> を追加します。 ファイルのおおよその構造

"*":
  core:
    customFileTypes:
      'text.html.basic': [
        'wxml'
      ]
      'source.css': [
        'wxss'
      ]
      'source.js': [
        'wxs'
      ]

This 一部のプラグインはこのファイルに設定を自動的に追加するため、ファイルには他にも多くの属性が存在する可能性があります。

設定が完了しました。

.wxml

、.wxss、wxs というサフィックスが付いたファイルを再度開くと、色分けされたコードが表示されます。

原則

実際、Atom は

wxml

ファイルを html ファイルとして認識しませんが、 と html ファイルと同じ構文ルールを使用して、wxml ファイル内のコードを強調表示します。 text.html.basic、source.css、source.js は、対応する文法規則名です。これらの名前は、 language-xxx にあります。 このような Atom は組み込みまたはサードパーティのパッケージに含まれています。 プログラミング関連の知識について詳しくは、

プログラミング入門

をご覧ください。 ！

以上がAtom で小さなプログラム ファイルを構成する場合は、コードを強調表示してください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。