https://blog.csdn.net/qq_45735316/article/details/120304411
关于IDEA中CSS、WXSS代码不能自动补全的原因和解决办法
注:以下内容参考网上搜集的答案和自己摸索而来
原因:IDEA版本问题
IDEA的community版本是仅支持CSS代码高亮,并不支持CSS代码自动补全
想要CSS代码自动补全功能需要安装Ultimate版本(果然是资本的力量)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/85af293e485d8f316c0bfcc894aa648c.png)
解决办法
1.安装Uitimate版本
此处推荐一个公众号【软件智库】,里面有IDEA的网盘资源,还附带教程(声明:这不是个广告,是良心安利,超赞的公众号)
2.安装好UItimate版本后,如果需要使用CSS、WXSS代码补全功能,还需要进行以下配置
1)打开IDEA,进入File->setting
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a70cadd95d1194c9591f3bfa0cb2d110.png)
2)找到Editor->File Types
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/2eba8724cef00426608dad4370207116.png)
3)然后右侧找到Cascading Style Sheet,点下面面板的+号(未进行第四步之前,面板中应该只有一个patern,我是已经进行过设置的)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/240af844280b83f58fad4e396ba21d9d.png)
4)将*.wxss输入,点击ok就可以得到图3一样的设置
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8e853a589d8b8fd3ec4856e64f0ab370.png)
扩展)如果想获得wxml代码的自动补全功能,做法与上述类似,首先在File Types中找到HTML,点击pattern面板的+号,将*.wxml输入,点击OK即可
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f56fc343052f7948339fdf34b7b05db3.png)
3.上述步骤都完成后,wxml文件和wxss文件会显示与html文件和css文件一样的图标颜色,文件中的代码会自动高亮,代码自动补全功能也能使用了
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b60f5dc8da2eb50bc2d3a90aa35116e1.png)