国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Prettier document you need to know【1】 -- 概要內(nèi)容

MadPecker / 2922人閱讀

摘要：都有個(gè)規(guī)則范疇格式化規(guī)則例減輕了對這整個(gè)類別規(guī)則的需求以一致的方式從頭開始輸出整個(gè)程序，所以程序員不可能再犯錯(cuò)誤了。代碼質(zhì)量規(guī)則例不針對與此項(xiàng)。在這方面還是有無可替代的功勞譯者建議配合使用來管理維護(hù)更好的代碼輸出。

以下內(nèi)容為個(gè)人參照Prettier官網(wǎng)部分文檔翻譯+理解，用以羅列部分you need to know，文檔內(nèi)容經(jīng)供參考，詳細(xì)內(nèi)容參考官網(wǎng)

安裝

（由于node.js的火熱和自帶npm，所以只放置npm下載方式）

//using npm to download prettier
npm install --save-dev --save-exact prettier
# --save-exact指代在package.json文件指定安裝模塊的確切版本。
# 或 全局環(huán)境安裝
npm install --global prettier
Prettier是什么

Prettier是選擇式的代碼格式化工具，支持：

JS 包括ES2017

TS

JSX

CSS,LESS,SASS

...

它移除了所有原始格式并且保證所有的輸出代碼符合一種一致的風(fēng)格
Prettier獲取你的代碼并從頭重新輸出通過計(jì)算代碼行長度
例如，以下

foo(arg1, arg2, arg3, arg4);

它合適一行顯示，所有保持了原樣。然而我們可能遇到這種場景

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne());

我們可能會(huì)因?yàn)樗^長而手動(dòng)或使用其他工具將它分解在多行顯示，但是Prettier會(huì)為你做這樣的艱苦工作

foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne()
);

更多細(xì)節(jié)參照官網(wǎng)

為什么使用Prettier

這里不再翻譯文檔，采用自身體會(huì)闡述：

曾幾何時(shí)你是否遭遇過在前端代碼中大家使用的Javascript等格式不同導(dǎo)致源文件在沒有新feature加入下卻被修改并提交至遠(yuǎn)端。在當(dāng)你去查看某一文件的history時(shí)發(fā)現(xiàn)文件有相應(yīng)的修改并伴有commit comment，你疑惑的去跟蹤修改記錄，后來卻發(fā)現(xiàn)僅僅是原文件格式被他人覆蓋提交。

還有更多好處被Prettier寫下，參考官文。

Prettier vs. Linters

Linters都有2個(gè)規(guī)則范疇
格式化規(guī)則： 例： max-len, no-mixed-spaces-and-tabs, keyword-spacing, comma-style...
Prettier減輕了對這整個(gè)類別規(guī)則的需求！Prettier以一致的方式從頭開始輸出整個(gè)程序，所以程序員不可能再犯錯(cuò)誤了。

代碼質(zhì)量規(guī)則 例： no-unused-vars, no-extra-bind, no-implicit-globals, prefer-promise-reject-errors...
Prettier 不針對與此項(xiàng)。Linters在這方面還是有無可替代的功勞

譯者建議 ：配合使用 Jshint + Prettier 來管理維護(hù)更好的代碼輸出。

最后

如有任何問題和建議歡迎發(fā)送至郵箱討論：
翻譯不易，若您覺得對您有幫助，歡迎打賞

微信：

支付寶：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/107812.html

相關(guān)文章

  • 工程搭建---代碼風(fēng)格統(tǒng)一

    摘要：為此我們需要安裝這個(gè)是用于提交代碼的鉤子函數(shù)安裝完之后，我們就需要在增加運(yùn)行鉤子函數(shù)。等鉤子函數(shù)這樣就簡單的成功對代碼進(jìn)行效驗(yàn)了，當(dāng)然這邊更進(jìn)一步的可以使用這個(gè)可以將取得所有被提交的文件依次執(zhí)行寫好的任務(wù)。 一個(gè)項(xiàng)目是會(huì)有多個(gè)成員來開發(fā)的，因此統(tǒng)一開發(fā)規(guī)范是很有必要的，不然每個(gè)人都有自己的風(fēng)格，同步之后代碼都會(huì)報(bào)錯(cuò)。我這邊是用Vscode編譯器的。 首先用vue-cli3.0創(chuàng)建一個(gè)工...

    levius 評論0 收藏0

  • 使用REACT VR構(gòu)建web虛擬現(xiàn)實(shí)

    Building virtual reality experiences on the web with React VR Over the past year, virtual reality has made major strides toward becoming the next computing platform. With Oculus Rift, consumer-grade h...

    anquan 評論0 收藏0

  • You need to know curry

    Functions are first-class citizen Functions are first-class citizen in JavaScript, as the same as other types(e.g. number, array, object). They can be used as arguments, as well as return value from o...

    BigNerdCoding 評論0 收藏0

  • 【譯】State and Lifecycle (State和生命周期)

    摘要：結(jié)果如下打開試試下一步，我們將把組件功能自己設(shè)置定時(shí)器并且能每秒更新。這是一個(gè)設(shè)置定時(shí)器的好地方注意我們是怎么保存定時(shí)器的。我們將在這個(gè)生命周期的函數(shù)方法中卸載掉定時(shí)器最后，我們會(huì)每一秒跑方法。 下面是react官方文檔的個(gè)人翻譯，如有翻譯錯(cuò)誤，請多多指出原文地址：https://facebook.github.io/re... Consider the ticking clock e...

    dadong 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<