使用 Prettier 格式化代碼

Prettier 是一個主觀的代碼格式化工具。它是保持您和團隊代碼格式一致的絕佳方式,並且支援許多不同的語言。 Prettier 簡介 選項較少 與 ESLint 的區別 安裝 Prettier 簡單入門 Prettier 簡介 Prettier 是一個主觀的代碼格式化工具。 它可以直接支援許多不同的語法,包括: JavaScript Flow, TypeScript CSS, SCSS, Less JSX GraphQL JSON Markdown 而通過使用 插件,您還可以在Python、PHP、Swift、Ruby、Java等語言中使用它。 它與許多常用的編輯器集成,包括 VS Code、Sublime Text、Atom 等等。 Prettier 在開發者中非常受歡迎,截至 2018 年 2 月已下載超過 350 萬次。 了解更多有關 Prettier 的重要連結: https://prettier.io/ https://github.com/prettier/prettier https://www.npmjs.com/package/prettier 選項較少 最近我學習了 Go 語言,其中最棒的事情之一就是 gofmt,這是一個官方工具,可以根據常見的標準自動為您格式化代碼。 95% 的 Go 代碼(估計數據)看起來都是一模一樣的,因為這個工具可以輕鬆地強制執行,並且由於樣式已經由 Go 維護者為您定義,所以您更有可能適應該標準,而不是堅持使用自己的風格,例如使用制表符還是空格,或者在哪裡放置左大括號。 這聽起來可能有些局限性,但它實際上非常強大。所有的 Go 代碼都是一模一樣的。 Prettier 是其它語言世界中的 gofmt。 它幾乎沒有什麼選項,大部分的決策已經為您定好,所以您可以停止就風格和細節問題進行爭論,並專注於寫代碼。 與 ESLint 的區別 ESLint 是一個檢查工具,它不僅僅可以格式化代碼,而且還能通過靜態分析程式碼來檢測錯誤。...

為 Vue 開發配置 VS Code

VS Code 是目前使用最廣泛的程式碼編輯器之一。當你成為這麼受歡迎的編輯器時,人們會開發出很多好用的插件。其中一個很棒的插件是可以幫助 Vue.js 開發者的工具。 Vetur 安裝 Vetur 語法高亮 程式碼片段 智能提示 腳手架 Emmet 程式碼檢查 程式碼格式化 VS Code 是目前使用最廣泛的程式碼編輯器之一。編輯器(editor)如同許多軟體產品一樣,都有不同的周期。曾經有一段時間開發人員最愛的是 TextMate,然後是 Sublime Text,現在則是 VS Code。 能夠成為受歡迎的編輯器最棒的地方之一就是人們會花許多時間開發各種插件。 其中一個很棒的插件是可以幫助 Vue.js 開發者的工具。 Vetur 這個插件叫做 Vetur,非常受歡迎,下載量超過 300 萬,你可以在 Visual Studio Marketplace 上找到它。 安裝 Vetur 點擊安裝按鈕會觸發 VS Code 的安裝面板: 你也可以在 VS Code 的擴展面板中搜索 “vetur”: 這個擴展提供了什麼功能? 語法高亮 Vetur 為所有的 Vue 源代碼文件提供了語法高亮功能。 沒有安裝 Vetur 時,VS Code 會以以下方式顯示 .vue 文件: 安裝了 Vetur 後: VS Code 能夠根據文件的擴展名識別出文件中包含的程式碼類型。 在使用單文件元件(Single File Component)時,你可以將不同類型的程式碼混在同一個文件中,包括 CSS、JavaScript 和 HTML。...