Atom에서 작은 프로그램 파일을 구성하면 코드가 강조 표시됩니다!

이 기사에서는 AtomWeChat 애플릿 파일에 대한 코드 강조 표시를 구성하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

애플릿과 관련된 파일 접미사는 .wxml, .wxss, .wxs이지만 Atom 편집기에서는 그렇지 않습니다. 기본 이러한 유형의 파일을 자동으로 식별하며 이러한 파일을 열 때 반인간 흑백 코드만 표시됩니다. .wxml, .wxss, .wxs ，可是 Atom 编辑器默认不会自动识别这些类型的文件，打开这些文件只能看到反人类的黑白代码。

一个优雅的方案是，通过修改 Atom 的配置，使 Atom 把 .wxml 当成 .html, 把 .wxss 当成 .css, 把 .wxs 当成 .js. 这样在打开这些类型的文件时就会看到彩色的代码了。【相关推荐：《atom教程》】

操作步骤

1、打开 config.cson 配置文件

同时按下快捷键 Command + Shift + P 唤起命令面板, 输入 Application: Open Your Config , 点击回车键 , 将会打开文件 config.cson

2、修改 config.cson 配置文件

在 core 下面添加

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

文件大致结构

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

这个文件中可能还有很多其他的属性，因为有些插件会自动将配置加到这个文件中

配置完成！ 重新打开 .wxml, .wxss, wxs 后缀的文件，将会看到彩色的代码。

原理

其实，Atom 并不是把 wxml 文件识别成 html文件，而是用和 html 文件一样的语法规则去高亮显示 wxml 文件中的代码。text.html.basic, source.css, source.js 就是相应的语法规则名称，这些名称可以在 language-xxx

멋진 해결책은 Atom이 .wxml을 .html로, .wxss를 로 처리하도록 Atom의 구성을 수정하는 것입니다. css의 경우 .wxs를 .js로 처리하면 이러한 유형의 파일을 열 때 색상이 지정된 코드가 표시됩니다. [관련 권장사항: "atom tutorial

"]

작업 단계

1. config.cson 구성 파일을 엽니다

단축키 Command + Shift + P를 동시에 눌러 명령 패널을 불러오고 다음을 입력하세요. 애플리케이션: 구성 열기, 키 입력을 클릭하면 config.cson 파일이 열립니다

🎜🎜

2. config.cson 구성 파일

🎜Add🎜rrreee🎜core🎜rrreee🎜대략 파일 구조🎜rrreee

수정 🎜일부 플러그인은 자동으로 이 파일에 구성을 추가하므로 이 파일 속성에는 다른 속성이 많이 있을 수 있습니다.🎜

🎜구성이 완료되었습니다! .wxml, .wxss, wxs 접미사가 있는 파일을 다시 열면 색상이 지정된 코드가 표시됩니다. 🎜

원칙

🎜실제로 Atom은 wxml 파일을 html로 인식하지 않습니다. 파일이지만 html 파일과 동일한 구문 규칙을 사용하여 wxml 파일의 코드를 강조 표시합니다. text.html.basic, source.css, source.js는 해당 문법 규칙 이름입니다. 이 이름은 에서 찾을 수 있습니다. 언어-xxx는 Atom 내장 패키지 또는 타사 패키지에서 찾을 수 있습니다. 🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜

위 내용은 Atom에서 작은 프로그램 파일을 구성하면 코드가 강조 표시됩니다!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!