第一步 安裝依賴：

npm install amfe-flexible -S
npm install postcss-px2rem -S

第二步 main.ts文件中導入

import "amfe-flexible/index.js";

第三步 進行配置：

vue3 項目中創建 postcss.cinfig.js文件，這里是基于設計稿是750px的 如果是375的就寫37.5

module.exports = {css: {loaderOptions: {css: {},postcss: {plugins: [require("postcss-px2rem")({remUnit: 75})]}}}
}

vue2 項目進行配置的：找到根目錄下的.postcss.js文件

module.exports = {plugins: {'postcss-import': {},'postcss-url': {},// to edit target browsers: use "browserslist" field in package.jsonautoprefixer: {browsers: ['Android >= 4.0', 'iOS >= 7']},'postcss-pxtorem': {// rootValue: 422.4,//對應設計圖寬度4224*1296// rootValue: 192,//對應設計圖寬度1920*1080rootValue: 75,propList: ['*', '!border*'] //  表示不匹配 要是想匹配邊框之類的 可以在里面用 !border* 表示不配備邊框，這樣不會把邊框1px變成1rem}}
}

第四步 vscode 安裝pxtorem的插件?
第五步： 在項目中直接基于750的設計稿量出尺寸， 然后再將px轉化為rem就可以了。