Vue CLI是Vue.js的官方腳手架工具，通過Vue CLI可以快速搭建Vue.js項目的基礎框架。在Vue CLI中，我們可以引用CSS文件來美化頁面的外觀和布局。
首先，在Vue CLI項目中，我們需要在index.html文件中引入所需的CSS文件。可以像這樣:
<head>
<link rel="stylesheet" href="your/css/file/path">
</head>然后，在Vue文件中可以通過import語句引入CSS文件，具體代碼如下：
<template>
<div class="your-class-name">
<p>This is a vue component.</p>
</div>
</template>
<script>
import '@/your/css/file/path'
export default {
}
</script>
<style>
/* your css code goes here */
.your-class-name {
background-color: #f5f5f5;
padding: 20px;
}
</style>在上面的代碼中，我們通過import語句引入了我們所需的CSS文件，然后在style標簽中定義了類名為“your-class-name”的CSS樣式，其中包括背景顏色和padding值。
通過Vue CLI引用CSS文件非常簡單，只需要在index.html文件中引入所需的CSS文件，再通過import語句在Vue文件中引入，并通過style標簽定義CSS樣式即可。這樣可以讓我們在Vue項目中更方便地使用CSS來美化頁面。