整合 VSCode 與 Prettier
Prettier 為簡單的 Code Formatter,可為 HTML / JavaScript / CSS 重整格式,在 WebStorm 或 VS Code 皆可使用。
失くすものさえない今が強くなるチャンスよ
Prettier 為簡單的 Code Formatter,可為 HTML / JavaScript / CSS 重整格式,在 WebStorm 或 VS Code 皆可使用。
儘管在建立 Vue 專案時選擇了 ESLint,在 VS Code 要使用它還必須額外安裝 ESLint Extension。
在 Vue 專案安裝 ESLint Package 與 VS Code 安裝 ESLint Extension 後,就可在 VS Code 內使用 ESLint 檢查 Vue 代碼。
在 Vue 專案安裝 Prettier Package 與 VS Code 安裝 Prettier Extension 後,就可在 VS Code 內使用 Prettier 美化 Vue 代碼。
VS Code 為 Vue 官方所推薦的 IDE,Vue 官方提供了 Volar、ESLint 與 Prettier 支援 VS Code。
在 CLI 下也能直接輸入 code .
以 VS Code 直接開啟目前目錄。
本文記錄我的 VS Code 基本設定。
VS Code 並不是所有的 Theme 都有控制 Status Bar 顏色,伴隨著 macOS 的 Dark Mode 之後,我們也可以自行設定 VS Code 的 Status Bar 配合 Dark Mode。
Visual Studio Code 1.42.1 預設會將第一行 Code 顯示在未存檔的 Title 上,1.43.0 終於提供設定恢復原本的 Untitled-1
。
Fira Code 是最近很流行字型,其特色是 =>
變成真正箭頭,特別適合 ECMAScript 2015 的 Arrow Function。
VS Code 是目前最受歡迎的前端開發環境,只要安裝合適套件,就能在 VS Code 開發 Vue,適合前後端分離時純前端開發。