Vue CLI是Vue.js的標準腳手架工具。通過Vue CLI，開發者可以快速搭建并且配置一個新的Vue項目。在Vue CLI項目中，CSS通常是通過loader來處理的。本文將詳細講解如何在Vue CLI項目中安裝并配置CSS。

第一步，需要安裝一個CSS loader。最常見的是css-loader和style-loader。首先我們通過npm來安裝這兩個loader：

npm install --save-dev css-loader style-loader

這一步安裝了兩個loader包。css-loader是用來處理.css文件的，而style-loader則可以將CSS代碼注入到HTML文件中。

第二步，需要在Vue CLI項目的webpack配置文件中，使用剛才安裝好的loader。Vue CLI使用了webpack構建工具來打包項目，所以我們需要在webpack配置文件中使用這些loader。

可以在項目根目錄下找到vue.config.js文件，如果沒有，則需要手動創建。在vue.config.js中添加如下代碼：

module.exports = {
css: {
loaderOptions: {
css: {
loader: "css-loader",
options: {
importLoaders: 1
}
},
postcss: {
loader: "postcss-loader",
options: {
ident: "postcss",
plugins: [require("autoprefixer")()]
}
},
less: {
loader: "less-loader"
}
}
}
};

在這個配置文件中，我們告訴webpack，如何使用css-loader，style-loader以及其他loader。我們還可以在這里添加其他的loader。

第三步，添加CSS文件。在Vue CLI項目中，CSS通常是在組件級別引用的。因此，您可以在組件的style標簽中添加CSS代碼。例如，在組件的.vue文件中：

<template>
<div class="example">
<p>這是一個示例組件。</p>
</div>
</template>
<style>
.example {
background-color: blue;
color: white;
padding: 20px;
}
</style>

現在，您已經成功地在Vue CLI項目中安裝和配置了CSS。您可以通過在組件中使用CSS，根據需要控制和優化應用程序的樣式。