【一鍵使程式碼符合 ESLint 規範】
開發上,都會建議導入 ESLint 讓團隊程式碼的品質一致
如果是新手導入時,也更能糾正一些不好的 JS 撰寫習慣
過去 Prettier 有很長一段時間並不支援整合 ESLint
所以各種格式上的錯誤提示,都需要手動的一個一個調整
在開發上來說就需要額外花上許多時間在調整格式
而且 Prettier 沒有關閉時又會干擾 ESLint 運作 :(
本篇介紹了 Prettier 整合 ESLint
簡單調整幾個設定
讓你一鍵的瞬間就能解決 ESLint 各項錯誤提示!
#vscode
#prettier
#eslint
「prettier js」的推薦目錄:
- 關於prettier js 在 卡斯伯 Facebook 的最讚貼文
- 關於prettier js 在 91 敏捷開發之路 Facebook 的最佳解答
- 關於prettier js 在 Kewang 的資訊進化論 Facebook 的最讚貼文
- 關於prettier js 在 Prettier is an opinionated code formatter. - GitHub 的評價
- 關於prettier js 在 How To Setup Prettier - YouTube 的評價
- 關於prettier js 在 Prettier | Code Cookbook - Michael Currin 的評價
- 關於prettier js 在 Code formatting with prettier is not working in nest js 的評價
- 關於prettier js 在 activate prettier-js-mode after every save 的評價
- 關於prettier js 在 Using Prettier to check JavaScript code style in GitHub Actions 的評價
prettier js 在 91 敏捷開發之路 Facebook 的最佳解答
WebStorm 的重要版本更新,多了蠻多 feature 的,WebStorm 的好,連 Kuro Hsu 大神都愛不釋手 ❤️
https://www.jetbrains.com/webstorm/whatsnew/
以下取自於 email
—
將 Prettier 設定成預設的格式化工具
如果您不依賴內建的格式化工具並希望改用 Prettier,WebStorm 2020.2 會讓這個設定變得更加容易! 現在,您只需要在設定裡勾選,IDE 會在您每次重新格式化.js、.ts、.jsx 和.tsx 文件時使用 Prettier。 也可以輕鬆增加其他檔案類型!
—
享受對 Vue.js 的一流支援
過去一年,我們做了大量工作,旨在將 WebStorm 的 Vue 程式碼輔助打造成市面上最好的選擇,讓您可以更輕鬆地處理 Vue 專案。 我們終於可以高興地宣布,這項功能如期而至! 除了許多現有功能外,最新更新還包括對 Nuxt.js 和 Vue 特定的程式碼樣式設置的支援,以及圍繞 TypeScript 專案中的 Vue 進行的改進。
—
更加省時的 JavaScript 新功能
新的智能意圖可以幫助您更快速地對循環和可選串接及空值合併執行一些操作。 在 JavaScript 和 TypeScript 文件中瀏覽文件註釋也更容易,您現在可以直接在編輯器中顯示註釋,以便最大程度減少任何分心。
—
獲得對 GitHub Pull Request 的完全支援
在 WebStorm 2020.2 中,GitHub Pull Request 處理比以往更出色。 您現在可以查看、合併所有 PR 並審查程式碼,無需離開 IDE。
—
更快地確定程式碼中的問題
借助新的 Inspections 小工具和 Problems 工具窗口,您可以獲取當前檔案中的警告、錯誤和其他問題數量的詳細資訊,並在它們之間快速導航。
prettier js 在 Kewang 的資訊進化論 Facebook 的最讚貼文
https://github.com/eslint/eslint.github.io/pull/523
在寫 JavaScript 的朋友應該多少有用過 eslint。舉凡 array notation 改用 dot notation,anonymous method 改用 arrow method 之類的,eslint+prettier 都會提示你要做改善。
這兩天無意間看到 eslint 官網有針對他們提出來的 rule 有分別舉出好壞不同的 js 範例。但小編覺得他們的編排方式還不夠明顯,於是把好壞分別加上了綠紅的顏色來表示,之後就發了 PR 希望可以 merge 回去。
結果現在說小編這個提議不錯,但是不是可以考慮到有色弱的朋友,而改其他方式顯示。小編只是個小小工程師,對顏色完全沒研究啊。現在看起來 contributor 排行第二 (@not-an-aardvark) 跟排行第四 (@kaicataldo) 的意見不太一樣,小編就隔岸觀火好了 XDDD
#eslint #javascript #colorblindness #色弱
prettier js 在 How To Setup Prettier - YouTube 的推薦與評價
71K views 5 months ago Introduction to JavaScript. Prettier is one of my favorites tools for writing clean and easy to read code since it ... ... <看更多>
prettier js 在 Prettier | Code Cookbook - Michael Currin 的推薦與評價
You can use a JSON or JS file. Setting up a config file in JSON is best practice on general as it is not code like a JS file is. .prettierrc.json. ... <看更多>
prettier js 在 Prettier is an opinionated code formatter. - GitHub 的推薦與評價
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line ... ... <看更多>