vue-beautify是一種美化Vuejs代碼的工具，在編寫Vue單文件時，有時候我們會忘記縮進或者代碼風格不是很好看，這會讓代碼很難看懂或者維護起來比較費力，vue-beautify的出現就是為了解決這個問題。

使用vue-beautify前，首先需要安裝，這可以通過npm安裝：npm install -g vue-beautify，或者通過yarn安裝：yarn global vue-beautify。

在安裝好vue-beautify之后，打開一個.vue文件，然后右鍵選擇Vue Beautify，這時會自動按照默認的設置格式化代碼，注意：格式化代碼會覆蓋原有代碼，一定要提前備份好代碼。

默認的vue-beautify配置對于一般的vue.js項目來說已經足夠了，但如果要進行更進一步的自定義配置，可以創建一個配置文件：./.jsbeautifyrc，在配置文件中，指定你想要的配置即可。

{
"indent_with_tabs": true,
"end_with_newline": true,
"indent_size": 4
}

此外，vue-beautify也提供了一個VSCode擴展插件，可以在VSCode中使用Vue Beautify來格式化Vue.js代碼。如果你使用的是VSCode進行前端開發，推薦使用此插件。

總之，vue-beautify是一款非常好用的Vue.js代碼美化工具，有了它，我們可以輕松地讓我們的代碼看起來更加簡潔、易讀、易于維護。