VSCode的一些技巧 (html提示css自动补全)

最新推荐文章于 2024-04-10 16:34:37 发布

feifeiwuxian

最新推荐文章于 2024-04-10 16:34:37 发布

阅读量1.6w

点赞数 6

分类专栏：前端H5 文章标签： html提示css wxml提示wxss

本文链接：https://blog.csdn.net/feifeiwuxian/article/details/104918289

版权

24 篇文章 0 订阅

订阅专栏

1.在html代码里提示css，自动补全

安装插件 HTML CSS Support

设置里加入

"editor.parameterHints.enabled": true,
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
},

之后在class="" 这里写的时候可以就有提示了，或者直接写.开头。

为了继续使用emmet语法，可以写完.提示css后，再ctrl + space自动补全emmet代码。

2.想要在微信小程序wxml里提示wxss

在设置里加入

"css.fileExtensions":[

"css",

"wxss",

"scss"

]

之后要修改下第1步的插件支持wxml,

在extension.js其中加入wxml

widows在 C:\ > Users > yourWindowsUser > .vscode > extensions > ecmel.vscode-html-css-0.2.3 > dist >extension.js

搜索

const t=["html","django-html","laravel-blade

添加加入wxml

const t=["html","wxml","django-html","laravel-blade

找到

mac的路径是~/.vscode/extensions/ecmel.vscode-html-css-0.2.3/dist/extension.js

修改之后重启VSCode

关注