使用vue cli創建項目時，可以選擇px或者rem作為CSS的單位。在這篇文章中，我們將詳細介紹如何在vue cli中使用px作為CSS單位。

首先，在創建vue項目時，需要選擇手動選擇特性集并且選擇CSS預處理器，如下所示：

vue create project-name
? Please pick a preset: Manually select features
? Check the features needed for your project: Choose Vue version, Babel, CSS Pre-processors
? Pick a CSS pre-processor: Sass/SCSS (with dart-sass)

接下來，安裝postcss-px2rem和lib-flexible插件以及相關依賴：

npm install postcss-px2rem lib-flexible postcss-import vuex vue-router axios vant -D
npm install postcss-px2rem -S

然后，修改postcss.config.js文件，添加postcss-px2rem插件，如下所示：

module.exports = {
plugins: {
autoprefixer: {},
"postcss-px2rem": {
remUnit: 37.5
}
}
};

以上代碼中，remUnit的值為設計圖尺寸的1/10，例如設計圖的寬度為750px，則remUnit的值應為75。

最后，在src/main.js文件中添加lib-flexible插件的引用，如下所示：

import 'lib-flexible'

現在，我們已經完成在vue cli中使用px作為CSS單位的設置。如果你需要修改remUnit的值，只需要修改postcss.config.js文件中的remUnit即可。