下面以創建vue3.0 項目為例：

npm init vite@latest “名稱”

選擇vue （選擇你所對應的語言）
更具提示步驟執行

cd xxx
npm i
npm run dev

然后再項目中使用 rem 需要安裝插件

第一步安裝插件

npm i amfe-flexible

npm i postcss-pxtorem

第二步配置 postcss.config.js
在package.json 同層級 創建postcss.config.js

export default {plugins: {'postcss-pxtorem': {rootValue: 37.5, //根據設計稿的基準尺寸設置。一般是iphone6的375*667為基準或者2倍尺寸propList: ['*']}}
}

使用方法

以上步驟具備以后 在main.js 中引入

import ‘amfe-flexible’

安裝編輯器vscode 拓展插件

它的功能就是輔助將100px 變成相同大小的rem單位

效果如下