單文件啟動（Single File Component）指的是Vue.js的一種組件化開發方式，可以將一個組件的HTML、CSS和JavaScript代碼合并在一個單獨的文件中。這樣可以明確地了解每個組件所包含的代碼，便于維護和擴展，也可以提高開發效率。

使用單文件啟動需要安裝Vue.js的腳手架工具Vue-CLI，可以使用npm命令進行安裝。安裝完成后，在命令行中輸入“vue create 項目名稱”命令即可創建一個新的Vue項目。創建完成后，可以在項目根目錄中找到src目錄，其中包含了Vue項目的所有源代碼。

在src目錄中，可以按照組件的功能把代碼分別存放在components和views目錄中。其中，components目錄用于存放公共組件，views目錄用于存放各個頁面的組件。在每個組件的目錄下，可以創建以下三個文件：

<!-- MyComponent.vue -->
<template>
<div>這是組件的HTML代碼</div>
</template>
<script>
export default {
name: 'MyComponent',
data() {
return {
msg: 'Hello,World!'
}
}
}
</script>
<style scoped>
div {
color: red;
}
</style>

其中，template標簽中存放組件的HTML代碼，script標簽中存放組件的JavaScript代碼，style標簽中存放組件的CSS代碼。可以通過export default命令將組件導出，在其他組件或視圖中使用import命令進行導入。

在HTML文件中使用單文件啟動時，需要在使用組件的地方添加組件的標簽，例如：

<!-- App.vue -->
<template>
<div>
<my-component/>
</div>
</template>
<script>
import MyComponent from './components/MyComponent.vue'
export default {
components: { MyComponent }
}
</script>

其中，my-component是組件的標簽名，可以在組件的JavaScript代碼中通過name屬性進行定義。組件的JavaScript代碼使用import命令導入，然后在components屬性中注冊組件。

在CSS代碼中，可以使用scoped屬性限制組件中的樣式只對當前組件有效。這樣可以避免樣式沖突，同時也確保每個組件的樣式不會影響其他組件。

單文件啟動是Vue.js組件化開發的重要特性之一，可以幫助開發者更好地管理組件代碼，提高開發效率。同時，在使用單文件啟動時，需要注意組件代碼的規范化和優化，以便在后續的開發和維護過程中更加方便。