All Projects → liurongqing → px2vw

liurongqing / px2vw

Licence: MIT license
🐶 vscode 插件 将 px 转 vw

Programming Languages

typescript
32286 projects
CSS
56736 projects

Projects that are alternatives of or similar to px2vw

vwradio
Reverse engineering Volkswagen car radios
Stars: ✭ 53 (+76.67%)
Mutual labels:  vw
TC1791 CAN BSL
CAN Bootstrap Loader (BSL) for Tricore AudoMAX (TC1791 and friends), including arbitrary read/write as well as compressed read functionality.
Stars: ✭ 25 (-16.67%)
Mutual labels:  vw
styled-px2vw
Extension of styled-components with features for convert px to vw units
Stars: ✭ 87 (+190%)
Mutual labels:  px2vw
Postcss Px To Viewport
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
Stars: ✭ 1,997 (+6556.67%)
Mutual labels:  vw
WeConnect-mqtt
MQTT Client that publishes data from Volkswagen WeConnect
Stars: ✭ 14 (-53.33%)
Mutual labels:  vw
ioBroker.vw-connect
ioBroker Adapter for VW We connect and Skoda connect
Stars: ✭ 57 (+90%)
Mutual labels:  vw
react-cli
基于 create-react-app 搭建的前端脚手架
Stars: ✭ 18 (-40%)
Mutual labels:  vw
px2rwd-intellij-plugin
用于将css中的px转换为rem/em/vw/vh值的IntelliJ插件,支持idea和webstorm
Stars: ✭ 88 (+193.33%)
Mutual labels:  px2vw

https://img.shields.io/badge/vscode-1.25.0-brightgreen.svg https://img.shields.io/badge/typescript-passing-blue.svg

px2vw

一个 px 单位转成 vw 单位的 VSCode 插件.

演示图

安装

  1. 通过命令行安装

    ext install px2vw
  2. 直接在 vscode 编辑上插件上查找安装 px2vw

  3. 下载 vsix

    打开vscode,拓展,点击三个小点,“从VSIX安装”,即可。成功后重启软件。

使用

  • 自动提示
  • cmd + shift + p 调出命令行全局替换 (mac 快捷键),输入 px2vw

支持语言

  • html
  • vue
  • css
  • less
  • sass
  • scss
  • stylus

配置

根据设计稿宽度设置大小,默认:750,之后就可以直接按设计稿大小编写。

  • px2vw.width 设计宽度
  • px2vw.toFixedNum 保留小数
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].