#What is Prettier
Prettier is a code formatting tool that can support JS/JSX/TS/Flow/JSON/CSS/LESS and other file formats.Why use Prettier
to replace some scenarios in lint, such as semicolons/tab indentation/spaces/quotes, These need to be modified manually after the lint tool detects problems. Usually such errors are spaces or symbols, which is relatively inelegant. Using the formatting tool to automatically generate them saves time and effort.How to customize the configuration
Prettier provides a set of default configurations, so how to modify the configuration items to conform to our own code specifications? There are three ways to do it: (1) .prettierrc file (2) prettier.config.js file (3) Configure prettier attributes in package.json Prettier will check the configuration file and automatically read the configuration in the file. We only need to choose one method to configure. I am choosing the second one now. It feels very similar to the lint tool, right?Configurable properties
Share my configuration filemodule.exports = { // tab縮進(jìn)大小,默認(rèn)為2 tabWidth: 2, // 使用tab縮進(jìn),默認(rèn)false useTabs: true, // 使用分號, 默認(rèn)true semi: false, // 使用單引號, 默認(rèn)false(在jsx中配置無效, 默認(rèn)都是雙引號) singleQuote: true, // 行尾逗號,默認(rèn)none,可選 none|es5|all // es5 包括es5中的數(shù)組、對象 // all 包括函數(shù)對象等所有可選 TrailingCooma: "none", // 對象中的空格 默認(rèn)true // true: { foo: bar } // false: {foo: bar} bracketSpacing: true, // JSX標(biāo)簽閉合位置 默認(rèn)false // false: <div // className="" // style={{}} // > // true: <div // className="" // style={{}} > jsxBracketSameLine:false, // 箭頭函數(shù)參數(shù)括號 默認(rèn)avoid 可選 avoid| always // avoid 能省略括號的時(shí)候就省略 例如x => x // always 總是有括號 arrowParens: 'always', }More
FAQ, please visit the PHP Chinese website.
The above is the detailed content of How to set prettier. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

Publishing works on Douyin can attract more attention and likes, but sometimes it may be difficult for us to publish works in real time. In this case, we can use Douyin's scheduled release function. Douyin’s scheduled release function allows users to automatically publish works at a scheduled time, which can better plan the release plan and increase the exposure and influence of the work. 1. How to set the scheduled time for publishing works on Douyin? To set a scheduled release time, first go to Douyin's personal homepage, find the "+" button in the upper right corner, and click to enter the release page. There is a clock icon in the lower right corner of the publishing page. Click to enter the scheduled publishing interface. In the interface, you can choose the type of work you want to publish, including short videos, long videos, and live broadcasts. Next, you need to set a time for your work to be published. TikTok provides

Even answering calls in Do Not Disturb mode can be a very annoying experience. As the name suggests, Do Not Disturb mode turns off all incoming call notifications and alerts from emails, messages, etc. You can follow these solution sets to fix it. Fix 1 – Enable Focus Mode Enable focus mode on your phone. Step 1 – Swipe down from the top to access Control Center. Step 2 – Next, enable “Focus Mode” on your phone. Focus Mode enables Do Not Disturb mode on your phone. It won't cause any incoming call alerts to appear on your phone. Fix 2 – Change Focus Mode Settings If there are some issues in the focus mode settings, you should fix them. Step 1 – Open your iPhone settings window. Step 2 – Next, turn on the Focus mode settings

1. First, click on the mobile phone desktop to enter QQ, and click on the avatar in the upper left corner. 2. Click [Settings] in the lower left corner. 3. Click to open [Accessibility]. 4. Then we only need to click to turn on the [Enter key to send message] switch.

1. Open the Weibo client, click the three little dots on the editing page, and then click Scheduled Post. 2. After clicking on scheduled posting, there will be a time option on the right side of the publishing time. Set the time, edit the article, and click on the yellow words in the lower right corner to schedule posting. 3. The mobile version of Weibo does not currently support scheduled publishing. This function can only be used on the PC client!

When buying tickets on Damai.com, in order to ensure that the ticket purchase time can be accurately grasped, users can set a floating clock to grab tickets. The detailed setting method is below, let us learn together. How to bind the floating clock to Damai 1. Click to open the floating clock app on your phone to enter the interface, and click on the location where the flash sale check is set, as shown in the figure below: 2. After coming to the page of adding new records, click on Damai.com Copy the ticket purchase link page copied in. 3. Next, set the flash sale time and notification time below, turn on the switch button behind [Save to Calendar], and click [Save] below. 4. Click to turn on [Countdown], as shown in the figure below: 5. When the reminder time comes, click the [Start Picture-in-Picture] button below. 6. When the ticket purchase time comes

Douyin is one of the most popular short video platforms today. While enjoying the fun of short videos, users also hope to have better control over their time. Recently, some users reported that Douyin would automatically close during playback, which troubled them very much. 1. How to set the Douyin playback to automatically turn off? 1. Check the Douyin version. Please make sure that the Douyin version you are using is the latest. Douyin will be updated regularly to fix known issues. If your version of TikTok is too old, it may automatically close. You can check and update TikTok in the App Store. 2. Check the mobile phone system version. The automatic shutdown of Douyin playback may also be related to the mobile phone system version. Please make sure your mobile phone system version is the latest. If the mobile phone system version is too old, it may cause Douyin to run unstable. you can

As one of the most popular short video platforms in the world, Douyin allows everyone to become a creator and share every moment of life. For Douyin users, tags are a very important function. It can help users better classify and retrieve content, and also allows the platform to push appropriate content to users more accurately. So, where are the Douyin tags set? This article will explain in detail how to set up and use tags on Douyin. 1. Where is the Douyin tag set? Using tags on Douyin can help users better classify and label their works, making it easier for other users to find and follow them. The method to set the label is as follows: 1. Open the Douyin APP and log in to your account. 2. Click the "+" sign at the bottom of the screen and select the "Publish" button. 3.

1. First enter Weibo, then click on me in the lower right corner and select [Customer Service]. 2. Then enter [Watermark] in the search box and select [Set Weibo Image Watermark]. 3. Then click [Link] in the interface. 4. Then click [Image Watermark Settings] in the newly opened window. 5. Finally, check [Picture Center] and click [Save].