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

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