পরাশক্তি পাঠের জন্য কি জেএসএক্স বিন্যাস আছে?

Question 1

আমি টেক্সট এডিটর হিসাবে সাব্লাইম টেক্সট ব্যবহার করছি।

জাভাস্ক্রিপ্ট ফাইল ফর্ম্যাট করার জন্য একটি জেএসফর্ম্যাট আছে তবে আমি জেএসএক্সের জন্য একটিও পাই না।

আপনি ছেলেরা কীভাবে জেএসএক্স ফর্ম্যাটিং করবেন?

Question 2

আপডেট 4

পরীক্ষা করে দেখুন , prettier , যে esformatter যেমন কনফিগার না, কিন্তু বর্তমানে কিছু বড় প্রকল্প ফরম্যাট করতে ব্যবহৃত ( মত নিজেই প্রতিক্রিয়া )

আপডেট 3

মহাসড়ক jsfmt পরীক্ষা করুন । যদি আপনি কনফিগারেশনে esformatter-jsx যোগ করেন এবং সাবালাইম-জেএসএফএমটি জন্য ফোল্ডারের ভিতরে প্যাকেজটি ইনস্টল করেন। আপনি সরাসরি সাব্লাইম থেকে জেএসএক্স ফাইলগুলি ফর্ম্যাট করতে সক্ষম হবেন। এখানে তার জন্য একটি গাইড আছে

আপডেট 2

কমান্ড লাইন থেকে আপনি এসিবেটিফায়ার ব্যবহার করতে পারেন । এটি esformatter এর চারপাশে একটি মোড়ক যা গ্লোবগুলির ফর্ম্যাট করতে একটি তালিকা গ্রহণ করে

# install the dependencies globally
npm i -g esbeautifier

# beautify the files under src/ and specs/ both .js and .jsx
esbeautifier src/**/*.js* specs/**/*.js*

হালনাগাদ

সুতরাং আমি জেএসএক্স ফাইলগুলির বিন্যাস সক্ষম করার জন্য এসফর্মেটরটির জন্য একটি প্লাগইন শেষ করেছি :

https://www.npmjs.com/package/esformatter-jsx

এখানে প্রয়োজনীয়বিনে একটি লাইভ ডেমো রয়েছে

আর্গুমেন্ট হিসাবে বর্তমান ফাইলটি পাস করে সাব্লাইম থেকে এসফর্মেটর কল করা কোনওভাবেই সম্ভব হবে । যে কোনও ক্ষেত্রে কমান্ড লাইন থেকে এটি ব্যবহার করতে আপনি এই নির্দেশাবলী অনুসরণ করতে পারেন:

কমান্ড লাইন থেকে এটি ব্যবহার করা যেতে পারে:

# install the dependencies globally
npm i -g esformatter esformatter-jsx

# call it (this will print to stdout)
esformatter --plugins=esformatter-jsx ./path/to/your/file

# to actually modify the file
esformatter --plugins=esformatter-jsx ./path/to/your/file > ./path/to/your/file

# to specify a config file (where you can also specify the plugins)
# check esformatter for more info about the configuration options
esformatter -c ./path/to/.esformatter ./path/to/your/file > ./path/to/your/file

==== নীচে পুরানো উত্তর ===

সুতরাং যদি আপনি যা খুঁজছেন কেবল jsxসিনট্যাক্সের অনুমতি দেওয়ার সময় আপনার জেএসএক্স ফাইলগুলিকে ফর্ম্যাট করতে হবে (মূলত সমস্ত জাভাস্ক্রিপ্ট সিনট্যাক্সকে সুন্দর করুন এবং jsxট্যাগগুলি উপেক্ষা করুন , যার অর্থ এগুলি রেখে দিন), আমি এটি ব্যবহার করে যা করছিesformatter

// needed for grunt.file.expand
var grunt = require('grunt');

// use it with care, I haven't check if there
// isn't any side effect from using proxyquire to 
// inject esprima-fb into the esformatter
// but this type of dependency replacement
// seems to be very fragile... if rocambole deps change 
// this will certainly break, same is true for esformatter
// use it with care
var proxyquire = require('proxyquire');
var rocambole = proxyquire('rocambole', {
  'esprima': require('esprima-fb')
});

var esformatter = proxyquire('esformatter', {
  rocambole: rocambole
});

// path to your esformatter configuration
var cfg = grunt.file.readJSON('./esformatter.json');

// expand the files from the glob
var files = grunt.file.expand('./js/**/*.jsx');

// do the actual formatting
files.forEach(function (fIn) {
  console.log('formatting', fIn);
  var output = esformatter.format(grunt.file.read(fIn), cfg);
  grunt.file.write(fIn, output);
});

প্রকৃতপক্ষে প্রক্সিকিউর এড়ানোর জন্য এসম্প্রেটারটি রোকাম্বোলের এমন একটি সংস্করণ ব্যবহার করুন যা এসপ্রিমার পরিবর্তে এসপ্রিমা-এফবি ব্যবহার করে।

Question 3

এইচটিএমএল-সিএসএস-জেএস প্রিটিফাই প্লাগইনে একটি সেটিং রয়েছে যা আপনাকে js / jsx ফাইলে xML সিনট্যাক্স উপেক্ষা করতে দেয় ignore এইভাবে এটি জেএসএক্স কোডটি বিশৃঙ্খলা করে না। সেটিংসটি হ'ল: "e4x": trueসেটিংস ফাইলের "জেএস" বিভাগে

পছন্দসমূহ> প্যাকেজ সেটিংস> এইচটিএমএল \ সিএসএস \ জেএস প্রিটিফাই> প্রিটিফাই পছন্দগুলি সেট করুন

যদি আপনার নিজের ক্লোজিং ট্যাগ থাকে তবে এটি ভাল কাজ করে না। ট্যাগগুলি শেষ হয় />

Question 4

আপনি সাব্লাইম 2 এবং 3 এর জন্য একটি জেসপ্রিটিয়ার প্যাকেজ ইনস্টল করতে পারেন এটি মোটামুটি নতুন জাভাস্ক্রিপ্ট ফর্ম্যাটর (এটি লেখার সময়: ফেব্রুয়ারি -2017)। এটি সর্বশেষতম অগ্রগতি যেমন: ES2017, JSX এবং প্রবাহকে সমর্থন করে।

দ্রুত শুরু

টার্মিনাল ব্যবহার করে বিশ্বব্যাপী প্রিটিয়ার ইনস্টল করুন: $ npm install -g prettier
সাব্লাইমে সরঞ্জামগুলিতে যান -> কমান্ড প্যালেট ... -> প্যাকেজ নিয়ন্ত্রণ: প্যাকেজ ইনস্টল করুন, JsPrettier শব্দটি টাইপ করুন, তারপরে ইনস্টলেশনটি সম্পন্ন করতে এটি নির্বাচন করুন।
সম্পাদকের অভ্যন্তরে প্রসঙ্গ মেনু ব্যবহার করে আপনার ফাইল ফর্ম্যাট করুন বা এটি একটি কীবোর্ড শর্টকাটে আবদ্ধ করুন: { "keys": ["super+b"], "command": "js_prettier" }

লিঙ্কগুলি:

Question 5

@ শুবা যা বলেছিল তাতে যুক্ত করার জন্য:

এইচটিএমএল-সিএসএস-জেএস প্রিটিফাই প্লাগইনে একটি সেটিং রয়েছে যা আপনাকে js / jsx ফাইলে xML সিনট্যাক্স উপেক্ষা করতে দেয় ignore এইভাবে এটি জেএসএক্স কোডটি বিশৃঙ্খলা করে না। সেটিংসটি হ'ল: "e4x": সেটিংস ফাইলের "js" বিভাগে সত্য

এখানে যান: পছন্দসমূহ> প্যাকেজ সেটিংস> এইচটিএমএল \ সিএসএস \ জেএস প্রিটিফাই> প্রিটিফাই পছন্দগুলি সেট করুন

"জেএস" বিভাগে যান:

"Jsx" কে "অনুমোদিত_ফाइल_ এক্সটেনশন" এ যুক্ত করুন এবং তারপরে "e4x" কে "সত্য" তে পরিবর্তন করুন

Question 6

ইন্টারনেটে যে উত্তরটি আপনাকে সর্বদা সত্য বলে 'e4x' সেট করতে বলেছিল, কিন্তু কখনও কখনও, আমাদেরকে 'format_on_save_exferences' বিকল্পটি সেট করতে হবে তারপরে অ্যারেতে "jsx" যুক্ত করতে হবে

jsFormat.sublime- সেটিংস পরিবর্তন করুন

{
  "e4x": true,
  "format_on_save": true,
  "format_on_save_extensions": ["js", "json", "jsx"]
}

Question 7

সাব্লাইমের প্যাকেজ ইনস্টলার ব্যবহার করে বাবেল ইনস্টল করুন । তারপরে:

একটি .jsx ফাইল খুলুন।
মেনু থেকে দেখুন নির্বাচন করুন,
তারপরে সিনট্যাক্স -> বর্তমান এক্সটেনশন সহ সমস্তগুলি খুলুন ... -> ব্যাবেল -> জাভাস্ক্রিপ্ট (ব্যাবেল)।

Question 8

বিশেষ করে সাব্লাইম পাঠ্যের জন্য নয়, তবে জাভাস্ক্রিপ্টে প্রতিক্রিয়া জেএসএক্সের একটি বিউটিফায়ার রয়েছে।

http://prettydiff.com/?m=beautify : এ JSX সমর্থন করে বলে দাবী http://prettydiff.com/guide/react_jsx.xhtml