我们需要进行一些配置，让WebStorm编写小程序更顺手

配置File Types，使WebStorm识别小程序文件后缀

打开 菜单栏Files -> Settings -> Editor -> File Types

  1. 在HTML类型中增加 *.wxml
  2. 在Cascading Style Sheet类型中增加 *.wxss

配置Inspections，让WebStorm识别小程序的HTML标签

打开 菜单栏Files -> Settings -> Editor -> Inspections

选择 HTML下Unknown HTML tag，在Options中选中Custom HTML tags选项

点击输入框右侧的展开按钮

这里已经帮大家整理好了微信小程序的HTML标签，将以下内容直接复制进去即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
view
scroll-view
swiper
movable-view
movable-area
cover-view
cover-image
icon
text
rich-text
progress
button
checkbox
form
input
label
picker
picker-view
radio
slider
switch
textarea
navigator
functional-page-navigator
audio
image
video
camera
live-player
live-pusher
map
canvas
open-data
web-view
ad
official-account

更多内容

在WebStorm及VSCode中使用Sass编写微信小程序WXSS样式