Prettier 1.15程式碼格式化工具新增Angular和Vue.js支援
Prettier 1.15程式碼格式化工具新增HTML、Vue.js、Angular、MDX支援以及多項語法優化和改進。
對於Angular和Vue,Prettier現在可以格式化這些擴充套件HTML的框架中的模板檔案。Prettier提供了一種新增註釋的機制,用於標記的格式化控制,防止工具刪除或新增可能影響內容樣式和佈局的空白。空白模式可以匹配CSS的行為,或者將空白視為敏感的或不敏感的。
Prettier支援Vue.js和Angular的插值和屬性以及Angular的內聯模板語法。
MDX是markdown的擴充套件,支援JSX語法。Prettier現在可以用來格式化MDX資源中的markdown內容和JSX內容。
Prettier 1.15對JavaScript解析做了許多改進,包括扁平化巢狀三元運算子的else分支、使以內聯方式編寫的修飾符保持內聯、保持修飾符的順序以及改進將物件拆分為單獨的行的方式。
Prettier是一個特立獨行的程式碼格式化工具,它試圖減少關於程式碼格式化的爭論。作為一個JS專案,Prettier支援已經擴充套件到包括TypeScript、Flow、HTML5、CSS、Markdown和YAML在內的許多其他語言,對Elm、Java、PHP、Python、Ruby和Swift語言的支援目前正在開發中。Prettier還支援許多格式,包括JSX、JSON、Vue.js、Angular、SCSS、Less、style -components和GraphQL。
這個版本還對整個的Prettier API和Prettier支援的各種語言進行了許多其他改進。
Prettier是一個遵循MIT許可協議的開源軟體。歡迎讀者通過Prettier GitHub專案進行貢獻和反饋,並務請遵循Prettier貢獻指南。
檢視英文原文:Prettier 1.15 Code Formatter Adds Angular and Vue.js Support
相關文章
- 超人氣程式碼格式化工具prettier
- 使用 prettier 統一程式碼格式化
- prettier + lint-staged 提交時格式化程式碼
- 03.ElementUI原始碼學習:程式碼風格檢查和格式化配置(ESlint & Prettier)UI原始碼EsLint
- JS Nice – JavaScript 程式碼美化和格式化工具JSJavaScript
- 用Prettier美化程式碼
- 用 Prettier 美化程式碼
- 【webstorm】vue前端專案配置儲存時自動格式化程式碼 - prettierWebORMVue前端
- Angular和Vue.js 深度對比AngularVue.js
- Angular 和 Vue.js 深度對比AngularVue.js
- vs code中新增Vue格式化時不支援格式化html部分的支援VueHTML
- python 程式碼格式化工具:YAPFPython
- 程式碼風格統一: 使用husky, prettier, eslint在程式碼提交時自動格式化,並檢查程式碼。EsLint
- Prettier美化css/scss/sass程式碼CSS
- 使用 ESLint + Prettier 美化程式碼EsLint
- 如何使用 Black 程式碼格式化工具
- Vue2/3 專案中的 ESLint + Prettier 程式碼檢測格式化風格指南VueEsLint
- python 程式碼格式化工具:autopep8Python
- prettier 把我程式碼弄的很醜
- CCMixer/CodeMixer工具,完美替代ChaosTool,iOS新增垃圾程式碼工具,程式碼混淆工具,程式碼生成器,史上最好用的垃圾程式碼新增工具,自己開發的小工具iOS
- CodeMixer完美替代ChaosTool ,iOS新增垃圾程式碼工具,程式碼混淆工具,程式碼生成器,史上最好用的垃圾程式碼新增工具,自己開發的小工具...iOS
- xmake v2.3.7 釋出, 新增 tinyc 和 emscripten 工具鏈支援
- PhpStorm 配置 格式化程式碼工具 PHP-cs-fixerPHPORM
- Google的Python程式碼格式化工具YAPF詳解GoPython
- 格式化和壓縮css樣式程式碼CSS
- 使用 ESLint + Prettier 簡化程式碼 Review 過程EsLintView
- vscode + prettier 專治程式碼潔癖(一)VSCode
- vs2017不支援python語言程式碼格式化Python
- JavaScript 程式碼格式化JavaScript
- gofmt 格式化程式碼Go
- Angular5 - Vue.js -ReactJS 的區別和特點AngularVue.jsReact
- 10款非常棒的CSS程式碼格式化工具推薦CSS
- 什麼是程式碼格式化?pycharm如何進行格式化程式碼?PyCharm
- 團隊程式碼規範 ESLint + Prettier + EditorConfigEsLint
- Vue專案之使用EditorConfig, Eslint和Prettier實現程式碼規範VueEsLint
- [譯] Swift 程式碼格式化Swift
- 使用gofmt格式化程式碼Go
- 用 TS + Vue 寫了一個在 Chrome 中執行 Prettier 格式化的擴充套件程式VueChrome套件