这篇文章主要介绍Atom中怎么配置小程序文件让代码高亮显示,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
小程序相关的文件后缀名是 .wxml
, .wxss
, .wxs
,可是 Atom 编辑器默认不会自动识别这些类型的文件,打开这些文件只能看到反人类的黑白代码。
一个优雅的方案是,通过修改 Atom 的配置,使 Atom 把 .wxml
当成 .html
, 把 .wxss
当成 .css
, 把 .wxs
当成 .js
. 这样在打开这些类型的文件时就会看到彩色的代码了。
config.cson
配置文件同时按下快捷键 Command
+ Shift
+ P
唤起命令面板, 输入 Application: Open Your Config
, 点击回车键
, 将会打开文件 config.cson
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 内置或第三方的 Package 中找到。
以上是“Atom中怎么配置小程序文件让代码高亮显示”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。