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

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

作者: 管家頗 | 来源:发表于2017-01-12 10:19 被阅读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语法即可

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/gwrdbttx.html