技術 Day 19. Code Review 程式碼風格-Prettier 輔助工具篇

在撰寫 JavaScript 時，可以在 VS Code 中安裝 ESLint 和 Prettier - Code formatter 等擴充套件，來統一規範程...

技術 用 Prettier 統一天下 - 讓程式碼格式一致

《史記·秦始皇本紀》：「書同文，車同軌。」秦始皇做專案一定會設定會用 Prettier，讓代碼格式一致。 今天我們要來探討如何使用 Prettier 來進行...

技術 [Day12] - 我和 Prettier 分手了

緣起 第一次見到 Prettier 是在兩年前，那時候我在準備推廣統一的團隊程式碼風格，為了更好的維護，大家都懂。 最後採用了 ESLint + Pretti...

技術 vscode的Prettier對.tsx後綴檔案不起作用？

因為公司的專案都用 TS 在寫最近在 vs code 存擋時，只要是.tsx都沒有觸發 auto format on save的功能查了一下要到setting...

技術 開發工具與相依套件安裝

開發工具和編碼習慣 在開始專案開發的過程中，我們會使用各種相依工具來輔助開發。這些工具有的是運行時必須的，例如 Vue，而有的則是僅在開發過程中使用，例如 ES...

技術 Day 28 - 為什麼要用 ESLint & Prettier

前言 今天這兩個工具，基本上已經跟前端沒有直接關係了XD 但它們的重要性，我想用過的人肯定都知道，它們就像兩尊門神一樣，站在電腦前面，程式碼品質不合格，退件！程...

技術 [Day32]：後記 - 環境調整 Part2 - Prettier

Vite環境最...咦!壞掉了... 程式碼最重要的就是整整齊齊當然，我希望他可以自動自發──────────────── By Opshell 目標：...

技術 安裝 Tailwind CSS 和相關 ESLint、Prettier 設定 - Modern Next.js Blog 系列 #09

TL;DR 這是「Modern Blog 30 天」系列第 9 篇文章，上一篇我們讓 Contentlayer 也支援了 MDX 格式。這篇讓我們來安裝 Tai...

技術 Day 23 - 程式碼品質工具：ESLint、StyleLint、Prettier

昨天我們已完成套件的命名，也建立了 GitHub 儲存庫，NPM 套件庫也先把套件要用的名字定下來了，準備開始開發 Slider 套件，不過在這之前還有些開發環...

技術 [Day23]：Vite 環境最麻煩了 part 2

Vite 環境最麻煩了 開始用Vite之後，是個會自立自強的大人了呢!!────────────────────── By Opshell 目標： 開...

技術 ESLint、Prettier、TypeScript 等 Next.js 專案基礎設定 - Modern Next.js Blog 系列 #04

這一篇我們來進一步做些 Next.js 專案基本設定，讓後續開發體驗更流暢、專案結構更易讀。 我們會做這些設定： 新增 .nvmrc 鎖定專案 Node.js...

技術 隨時隨地格式化 - Prettier

前言 開發專案前有些事情需要先確認， 使用相同的開發工具 例如要開發Java就使用 Eclipse，C#自然是用 Visual Studio，而當前最多前端...

技術 27 - EditorConfig + Prettier + ESLint + Stylelint + Markdownlint - All you can lint

將各式 linter 與 formatter 工具整合於同個專案中，讓開發者可以： 使用 EditorConfig 配置的設定做輸入。 使用 Prettier...

技術 23 - Prettier - 格式化程式碼工具

制定程式碼格式規範對於可讀性來說是必須的，如果開發者寫程式時都有各自的格式規範，那整個專案的程式碼會十分混亂。 另一方面，為了取得開發者們對於格式的一致認同，我...

技術 Day 22 - Formatter 與 Linter - 提升程式品質工具

前言 昨天講完 Code Review，團隊一致的寫 code 風格，可以大幅提升 review 的速度，也可以讓每個人的程式碼更好閱讀。 因此今天來聊聊兩個很...

技術 Day4 靜態分析：自動排版就交給 Prettier 來做

程式碼排版是開發中很重要的小事，但如果每次刪減或補上空白、縮排等等都人工手動調整，那真的超級花時間，幸好，我們可以把這些瑣事交給工具來處理。另外，如果共同開發的...

技術 Vue.js - 使用 ESLint + Prettier 整理程式碼

在多人開發的時常常大家寫 Code 的風格都不一樣，這時候可以透過輔助工具來統一每個人的風格，當然自己開發時也可以用，尤其是像我這種寫 Code 習慣很差的人X...

技術 Day 21 : 檢查 - 在 commit 之前檢查前端程式碼

在使用 vue-cli 創建專案的時候，選擇自定義選項 選擇 Linter/Formatter 加入檢查器 有四種檢查的方式，在這邊依照之前的習慣，我們使用 P...

技術 導入 Prettier

什麼是 Prettier Prettier is an opinionated code formatter with support for: Java...