You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/learn/editor-setup.md
+18-18Lines changed: 18 additions & 18 deletions
Original file line number
Diff line number
Diff line change
@@ -4,49 +4,49 @@ title: एडिटर सेटअप
4
4
5
5
<Intro>
6
6
7
-
एक ठीक रूप से कॉन्फ़िगर किया गया एडिटर कोड को पढ़ने में स्पष्टता प्रदान कर सकता है और लिखने में अधिक तेज बना सकता है। जब आप कोड लिखते हैं तो यह आपको बग पकड़ने में भी मदद कर सकता है! अगर यह आपके लिए पहली बार है कि आप एक एडिटर सेटअप कर रहे हैं या आप अपने मौजूदा एडिटर को अच्छा बनाना चाहते हैं, तो हमारे पास कुछ सिफारिशें हैं।
7
+
एक ठीक ढंग से कॉन्फ़िगर किया गया एडिटर कोड को पढ़ने में स्पष्ट और लिखने में अधिक तेज बना सकता है। यह आपको बग्स को लिखते समय ही पकड़ने में भी मदद कर सकता है! अगर यह आपके लिए पहली बार है कि आप एक एडिटर को सेटअप कर रहे हैं या आप अपने मौजूदा एडिटर को ट्यूनअप करने की तलाश में हैं, तो हमारे पास कुछ सुझाव हैं।
8
8
9
9
</Intro>
10
10
11
11
<YouWillLearn>
12
12
13
13
* सबसे लोकप्रिय एडिटर कौन-कौन से हैं
14
-
* अपने कोड को स्वचालित रूप से फ़ॉर्मेट करने का तरीका
14
+
* अपने कोड को ऑटोमेटिकली फ़ॉर्मेट करने का तरीका
15
15
16
16
</YouWillLearn>
17
17
18
18
## आपका एडिटर {/*your-editor*/}
19
19
20
-
[VS Code](https://code.visualstudio.com/) आज उपयोग में आने वाले सबसे लोकप्रिय एडिटरों में से एक है। इसके पास एक्सटेंशन का एक बड़ा बाज़ार है और यह GitHub जैसी लोकप्रिय सेवाओं के साथ अच्छी तरह से एकीकृत है। नीचे सूचीबद्ध अधिकांश सुविधाओं को वीएस कोड में एक्सटेंशन के रूप में भी जोड़ा जा सकता है, जिससे यह अत्यधिक विन्यास योग्य हो जाता है!
20
+
[VS Code](https://code.visualstudio.com/) आज उपयोग में आने वाले सबसे लोकप्रिय एडिटरों में से एक है। इसके पास एक्सटेंशन का एक बड़ा बाज़ार है और यह GitHub जैसी लोकप्रिय सेवाओं के साथ अच्छी तरह से एकीकृत है। निचे दी गयी ज़्यादातर सुविधाओं को VS Code में एक्सटेंशन के रूप में भी ऐड किया जा सकता है, जिससे यह काफी कॉन्फ़िगराबले हो जाता है!
21
21
22
-
React कम्यूनिटी में उपयोग होने वाले अन्य लोकप्रिय पाठ एडिटरों में शामिल हैं:
22
+
React कम्यूनिटी में उपयोग होने वाले अन्य लोकप्रिय टेक्स्ट एडिटरों में शामिल हैं:
23
23
24
-
*[WebStorm](https://www.jetbrains.com/webstorm/) एक एकीकृत विकास वातावरण है जो विशेष रूप से Javascript के लिए डिज़ाइन किया गया है।
25
-
*[Sublime Text](https://www.sublimetext.com/) में JSX और TypeScript का समर्थन है, [वाक्य सुचना](https://stackoverflow.com/a/70960574/458193) और स्वचालित पूर्णित स्वरूप सहित है।
26
-
*[Vim](https://www.vim.org/) एक अत्यधिक कॉन्फ़िगर करने योग्य टेक्स्ट एडिटर है जो किसी भी प्रकार के टेक्स्ट को बहुत कुशल बनाने और बदलने के लिए बनाया गया है। इसे अधिकांश UNIX सिस्टम और Apple OS X के साथ "vi" के रूप में शामिल किया गया है।
24
+
*[WebStorm](https://www.jetbrains.com/webstorm/) एक इंटीग्रेटेड डेवलपमेंट एनवायरनमेंट है जो विशेष रूप से Javascript के लिए डिज़ाइन किया गया है।
25
+
*[Sublime Text](https://www.sublimetext.com/) में JSX और TypeScript का सपोर्ट है, [सिंटेक्स हाइलाइटिंग](https://stackoverflow.com/a/70960574/458193) और ऑटोकम्प्लीट पहले से मौजूद हैं।
26
+
*[Vim](https://www.vim.org/) एक काफी कॉन्फ़िगराबले टेक्स्ट एडिटर है जो किसी भी प्रकार के टेक्स्ट को बहुत कुशल बनाने और बदलने के लिए बनाया गया है। इसे अधिकांश UNIX सिस्टम और Apple OS X के साथ "vi" के रूप में शामिल किया गया है।
27
27
28
-
## सिफारिशित पाठ एडिटर की विशेषताएं {/*recommended-text-editor-features*/}
28
+
## रिकमंडेड टेक्स्ट एडिटर की विशेषताएं {/*recommended-text-editor-features*/}
29
29
30
-
कुछ संपादक इन सुविधाओं के साथ आते हैं, लेकिन अन्य को एक्सटेंशन जोड़ने की आवश्यकता हो सकती है। यह सुनिश्चित करने के लिए जांचें कि आपकी पसंद का संपादक क्या सहायता प्रदान करता है!
30
+
कुछ एडिटर इन सुविधाओं के साथ आते हैं, लेकिन अन्य को एक्सटेंशन ऐड करने की आवश्यकता हो सकती है। यह सुनिश्चित करने के लिए जांचें कि आपकी पसंद का एडिटर क्या सहायता प्रदान करता है!
31
31
32
32
### लिंटिंग {/*linting*/}
33
33
34
-
जैसे ही आप लिखते हैं कोड लिंटर आपके कोड में समस्याएं ढूंढते हैं, जिससे आपको उन्हें जल्दी ठीक करने में मदद मिलती है। [ESlint](https://eslint.org/) Javascript के लिए एक लोकप्रिय, खुला स्रोत लिंटर है।
34
+
जैसे ही आप लिखते हैं कोड लिंटर आपके कोड में समस्याएं ढूंढते हैं, जिससे आपको उन्हें जल्दी ठीक करने में मदद मिलती है। [ESlint](https://eslint.org/) Javascript के लिए एक लोकप्रिय, ओपन सोर्स लिंटर है।
35
35
36
-
*[React के लिए सिफारिशित विन्यास के साथ ESLint इंस्टॉल करें](https://www.npmjs.com/package/eslint-config-react-app) (सुनिश्चित करें कि आपके पास [Node इंस्टॉल है!](https://nodejs.org/en/download/current/))
37
-
*[आधिकारिक एक्सटेंशन के साथ VSCode में ESLint को एकीकृत करें](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
36
+
*[React के लिए रिकमंडेड कॉन्फ़िगरेशन के साथ ESLint इंस्टॉल करें](https://www.npmjs.com/package/eslint-config-react-app) (सुनिश्चित करें कि आपके पास [Node इंस्टॉल है!](https://nodejs.org/en/download/current/))
37
+
*[ऑफिसियल एक्सटेंशन के साथ VSCode में ESLint को इंटीग्रेट करें](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
38
38
39
-
**सुनिश्चित करें कि आपने अपने प्रोजेक्ट के लिए सभी [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) नियमों को सक्षम कर दिया है।** वे महत्वपूर्ण होते हैं और सबसे गंभीर बग्स को जल्दी पकड़ते हैं। सिफारिशित[`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) प्रीसेट में वे पहले से शामिल हैं।
39
+
**सुनिश्चित करें कि आपने अपने प्रोजेक्ट के लिए सभी [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) नियमों को इनेबल कर दिया है।** वे महत्वपूर्ण होते हैं और सबसे गंभीर बग्स को जल्दी पकड़ते हैं। रिकमंडेड[`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) प्रीसेट में वे पहले से शामिल हैं।
40
40
41
41
42
42
### फ़ॉर्मेटिंग {/*formatting*/}
43
43
44
-
किसी अन्य योगदानकर्ता के साथ अपना कोड साझा करते समय आखिरी चीज जो आप करना चाहते हैं वह है टैब बनाम स्पेस के बारे में चर्चा करना! सौभाग्य से, प्रीटियर आपके कोड को पूर्व निर्धारित, विन्यास योग्य नियमों के अनुरूप पुन: स्वरूपित करके साफ़ कर देगा। प्रीटियर चलाएँ, और आपके सभी टैब रिक्त स्थान में परिवर्तित हो जाएंगे - और आपके इंडेंटेशन, उद्धरण, आदि भी कॉन्फ़िगरेशन के अनुरूप बदल दिए जाएंगे। आदर्श सेटअप में, जब आप अपनी फ़ाइल सहेजेंगे तो प्रीटियर चलेगा, और आपके लिए ये संपादन शीघ्रता से करेगा
44
+
किसी अन्य कंट्रीब्यूटर के साथ अपना कोड शेयर करते समय आखिरी चीज जो आप करना चाहते हैं वह है [टैब बनाम स्पेस](https://www.google.com/search?q=tabs+vs+spaces) के बारे में चर्चा करना! सौभाग्य से, [Prettier](https://prettier.io/) आपके कोड को पूर्व निर्धारित, विन्यास योग्य नियमों के अनुरूप फिर से फॉर्मेट करके साफ़ कर देगा। प्रीटियर चलाएँ, और आपके सभी टैब स्पेसेस में परिवर्तित हो जाएंगे - और आपके इंडेंटेशन, उद्धरण, आदि भी कॉन्फ़िगरेशन के अनुरूप बदल दिए जाएंगे। आदर्श सेटअप में, जब आप अपनी फ़ाइल सहेजेंगे तो प्रीटियर चलेगा, और आपके लिए ये संपादन शीघ्रता से करेगा
45
45
46
-
आप [VSCode में Prettier एक्सटेंशन इंस्टॉल कर सकते हैं](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) इन कदमों का पालन करके:
46
+
आप [VSCode में Prettier एक्सटेंशन इंस्टॉल कर सकते हैं](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) इन स्टेप का पालन करके:
47
47
48
48
1. VS Code लॉन्च करें
49
-
2.त्वरित खुलें उपयोग करें (Ctrl/Cmd+P दबाएं)
49
+
2.क्विक ओपन का उपयोग करें (Ctrl/Cmd+P दबाएं)
50
50
3.`ext install esbenp.prettier-vscode` पेस्ट करें
51
51
4. Enter दबाएं
52
52
@@ -58,6 +58,6 @@ React कम्यूनिटी में उपयोग होने वा
58
58
2. "settings" टाइप करें
59
59
3. Enter दबाएं
60
60
4. सर्च बार में, "format on save" टाइप करें
61
-
5. सुनिश्चित हो जाएं कि "format on save" विकल्प टिका हुआ है!
61
+
5. सुनिश्चित हो जाएं कि "format on save" ऑप्शन टिक किया हुआ है!
62
62
63
-
> अगर आपके ESLint प्रीसेट में फ़ॉर्मेटिंग करने के नियम हैं, तो वे Prettier के साथ आपत्तिकर हो सकते हैं। हम सिफारिश करते हैं कि आप अपने ESLint प्रीसेट में सभी स्वरूपित करने के नियमों को [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) का उपयोग करके अक्षम कर दें, ताकि ESLint केवल तार्किक गलतियों को पकड़ने के लिए ही उपयोग हो। यदि आप चाहते हैं कि पुल अनुरोध में मर्ज होने से पहले फ़ाइलों को स्वरूपित किया जाए, तो आपके नियमित संघटन के लिए [`prettier --check`](https://prettier.io/docs/en/cli.html#--check) का उपयोग करें।
63
+
> अगर आपके ESLint प्रीसेट में फ़ॉर्मेटिंग करने के नियम हैं, तो वे Prettier के साथ कनफ्लिक्ट कर सकते हैं। हम रिकमंड करते हैं कि आप अपने ESLint प्रीसेट में सभी फॉर्मेटिंग करने के नियमों को [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) का उपयोग करके डिसएबल कर दें, ताकि ESLint केवल लॉजिकल गलतियों को पकड़ने के लिए ही उपयोग हो। यदि आप चाहते हैं कि पुल्ल रिक्वेस्ट मर्ज होने से पहले फ़ाइलों को फॉर्मेट हो जाए, तो आपके कंटीन्यूअस इंटीग्रेशन के लिए [`prettier --check`](https://prettier.io/docs/en/cli.html#--check) का उपयोग करें।
0 commit comments