美文网首页
微信小程序开发—.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文件的代码提示

    最近开始研究微信小程序,但开发过程中.wxml文件和.wxss文件无法进行代码提示,而且关键字也不变色,小编研究了...

  • 微信小程序开发学习总结(二) WXML

    一.WXML。 对于微信小程序而言,视图层就是所有.wxml文件与.wxss文件的集合。微信小程序在逻辑层将数据进...

  • 小程序之Tab切换

    微信小程序之tab切换效果: .wxml代码: .wxss代码: .js代码:

  • 小程序之加减乘除

    用微信小程序写了一个加减乘除的运算,看效果可以去微信搜 "吃盖浇饭" 下面上代码 js文件 wxml文件 wxss...

  • 微信小程序实现标签页滑块效果

    微信小程序实现标签页滑块效果 小程序完整代码: wxml: wxss: js: json: 案例二: 效果图:

  • 小程序代码组成

    小程序由配置代码JSON文件、模板代码WXML文件、样式代码WXSS文件以及逻辑代码JavaScript文件组成。...

  • 小程梳理

    微信的小程序的主要文件 WXML——模板文件 JSON——配置/设置文件,如标题,tabbar,页面注册 WXSS...

  • 基础

    代码构成 JSON配置文件 WXML页面HTML WXSS页面CSS JS页面逻辑 小程序启动 微信客户端在打开小...

  • 微信小程序系列1——小程序组成

    前言   小程序有配置代码JSON文件,模板代码WXML文件、样式代码WXSS文件以及逻辑代码JavaScript...

  • 前端垂直居中解决方案

    代码示例为微信小程序的开发 WXML 外部元素定高 WXSS 行内元素 1.单行文本:line-height 2....

网友评论

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

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