vscode怎么自动将px转换成vw_Vue开发中的移动端适配（px转换成vw）

1.项目根目录下，创建 .postcssrc.js 文件。

2.安装插件。

-D(开发依赖)

postcss-import

postcss-url

cssnano-preset-advanced

-S (开发、运行都依赖)

postcss-aspect-ratio-mini

postcss-px-to-viewport

postcss-write-svg

postcss-cssnext

cssnano

postcss-viewport-units

3.配置  .postcssrc.js

module.exports = {

"plugins": {

"postcss-import": {},

"postcss-url": {},

"postcss-aspect-ratio-mini": {},

"postcss-write-svg": {

utf8: false

},

"postcss-cssnext": {},

"postcss-px-to-viewport": {

viewportWidth: 750, //视窗的宽度，对应的是我们设计稿的宽度，一般是750

viewportHeight: 1334, // 视窗的高度，根据750设备的宽度来指定，一般指定1334，也可以不配置

unitPrecision: 3, // 指定`px`转换为视窗单位值的小数位