微信小程序开发—.wxml与.wxss文件的代码提示

2017-01-12  本文已影响1096人  管家頗

最近开始研究微信小程序,但开发过程中.wxml文件和.wxss文件无法进行代码提示,而且关键字也不变色,小编研究了2个小时,终于解决了。
首先说明:.wxml文件的语法是XML语法而不是HTML语法;.wxss文件的语法是CSS语法

1. 使用WebStorm开发

  1. 使用WebStorm开发,在第一次创建.wxml文件和.wxss文件时,WebStorm会提示注册新文件类型关联文件,这是.wxml文件选择XML文件,.wxss文件选择关联CSS文件即可
    wxml文件关联XML文件.png
    wxss文件关联CSS文件.png
  2. 如果第一次创建.wxml文件和.wxss文件时,选错了关联文件(小编第一次就选择了文本文件,所以没有代码提示),想要修改关联文件类型,就进入设置(preferences)——文件类型(File Types),先找到.wxml文件和.wxss文件时原来关联的文件类型,然后选择.wxml文件或.wxss文件点击左下方的减号,删除文件关联,然后在上方选择CSS文件,下方点击加号,添加.wxss文件关联,再点击OK即可;同理修改.wxml文件的关联文件类型亦是如此。
    修改wxss文件的关联文件类型.png PS. 汉化后的WebStorm可能无法打开设置(preferences),把汉化包删除即可。
  3. 修改完成后.wxml文件和.wxss文件,关键字会高亮显示,编辑时也会有代码提示


    wxss文件成功关联CSS文件.png
    wxml文件成功关联XML文件.png

2. 使用Sublime Text开发

1、打开.wxss文件,视图——语法,修改为CSS语法即可


Sumlime Text修改wxss文件语法.png

2、同理修改.wxml文件的语法为XML语法即可

上一篇下一篇

猜你喜欢

热点阅读