cssrem

Converts between px and rem units in VSCode, And support WXSS.

Features

You can use VSCODE's Keyboard shortcuts to redefine the shortcut keys.

html vue css less scss sass stylus tpl(php smarty3) tsx jsx

The .cssrem file in the root directory has the highest priority, and it's format is as follows:

{
  "rootFontSize": 18,
  "fixedDigits": 3
}

Secondly, you can also configure the global. Open your user and workspace settings (File > Preferences > Settings):

Name	Description	Default
`cssrem.rootFontSize`	Root font-size (Unit: `px`)	`16`
`cssrem.fixedDigits`	Keeping decimal point maximum length	`4`
`cssrem.autoRemovePrefixZero`	Automatically remove prefix 0	`true`
`cssrem.ingoresViaCommand`	Ignores `px` to `rem` when trigger command (Unit: `string[]`), can be set `[ "1px", "0.5px" ]`	`[]`
`cssrem.addMark`	Whether to enabled mark	`false`
`cssrem.hover`	Whether to enable display conversion data on hover, `disabled`: Disabled, `always` Anything, `onlyMark`: Only valid when `cssrem.addMark` is `true`	`onlyMark`
`cssrem.currentLine`	Whether to display mark in after line, `disabled`: Disabled, `show` Show	`show`
`cssrem.ingores`	Ignore file list, like this: `[ 'demo.less', 'src' ]`	`string[]`
`cssrem.languages`	Support language list `[ 'html', 'vue', 'css', 'postcss', 'less', 'scss', 'sass', 'stylus', 'javascriptreact', 'typescriptreact', 'javascript', 'typescript' ]`, By default all include	`string[]`
`cssrem.remHover`	Whether to enable rem hover	`true`
`cssrem.vw`	Whether to enable VW switch px support	`false`
`cssrem.vwHover`	Whether to enable vw hover	`true`
`cssrem.vwDesign`	Specifies the width of the design (equar to the browser viewport width)	`750`
`cssrem.wxss`	WXSS小程序样式 Whether to enable WXSS support	`false`
`cssrem.wxssScreenWidth`	WXSS小程序样式规定屏幕宽度，默认 `750`，尺寸单位	`750`
`cssrem.wxssDeviceWidth`	WXSS小程序样式设备分辨率宽度，官方推荐使用 iPhone6 作为视觉稿的标准	`375`