সাব্লাইম 2/3 তে কোনও ভাষার জন্য সিনট্যাক্স হাইলাইট করুন পরিবর্তন করুন / যুক্ত করুন


94

আমি সাবালাইম 2/3 তে কোনও ভাষার জন্য সিনট্যাক্স হাইলাইটিং পরিবর্তন / যুক্ত করতে চাই।

উদাহরণস্বরূপ আমি thisজাভাস্ক্রিপ্টে রঙিন কীওয়ার্ডটি চাই ।

আমি এটা কিভাবে করবো?

আমি জানি যে জাভাস্ক্রিপ্ট ফাইলটিতে একটি অগ্রাধিকার রয়েছে C:\Program Files\Sublime Text 3\Packages, তবে আমি কী পরিবর্তন করব তা জানিনা বা আমাকে এই ফোল্ডারের কোথাও একটি নতুন জাভাস্ক্রিপ্ট পছন্দ ফাইল তৈরি করতে হবে %APPDATA%\Sublime Text 3

উত্তর:


95

সিনট্যাক্স হাইলাইটিং আপনি যে থিমটি ব্যবহার করেন তার মাধ্যমে নিয়ন্ত্রণযোগ্য হয় Preferences -> Color Scheme। থিমগুলি স্কোপগুলির ব্যবহারের মাধ্যমে বিভিন্ন কীওয়ার্ড, ফাংশন, ভেরিয়েবল ইত্যাদি হাইলাইট করে, যা .tmLanguageকোনও ভাষার ডিরেক্টরি / প্যাকেজের কোনও ফাইলের মধ্যে থাকা নিয়মিত এক্সপ্রেশনগুলির একটি সিরিজ দ্বারা সংজ্ঞায়িত হয় । উদাহরণস্বরূপ, JavaScript.tmLanguageফাইল সুযোগ নির্ধারণ source.jsএবং variable.language.jsকরতে thisশব্দ। যেহেতু সাবলাইম টেক্সট 3 .sublime-packageসমস্ত ডিফল্ট সেটিংস সঞ্চয় করতে জিপ ফাইল ফর্ম্যাটটি ব্যবহার করছে এটি পৃথক ফাইলগুলি সম্পাদনা করা খুব সোজা নয়।

দুর্ভাগ্যক্রমে, সমস্ত থিমগুলিতে সমস্ত স্কোপ থাকে না, তাই আপনাকে দেখতে দেখতে ভাল লাগার জন্য বিভিন্নগুলির সাথে প্রায় খেলতে হবে এবং আপনি যে হাইলাইটটি সন্ধান করছেন তা আপনাকে দেয়। যে সাবলাইম টেক্সট সঙ্গে অন্তর্ভুক্ত করা হয় থিম একটি নম্বর আছে এবং আরও অনেক কিছু মাধ্যমে উপলব্ধ প্যাকেজ কন্ট্রোল , যা আমি অত্যন্ত যদি আপনি ইতিমধ্যেই না করে ইনস্টল করার সুপারিশ। আপনি ST3 নির্দেশাবলী অনুসরণ করেছেন তা নিশ্চিত করুন ।

এটি হ'ল, Neon Color Schemeপ্যাকেজ নিয়ন্ত্রণের মাধ্যমে উপলভ্য , আমি বিকাশ করেছি , যাতে আপনি একবার নজর দিতে পারেন। আমার মূল লক্ষ্য, আরও বিস্তৃত ভাষাগুলি যতটা সম্ভব দেখতে সুন্দর দেখাবার চেষ্টা করা ছাড়াও ছিল যতটা সম্ভব বিভিন্ন স্কোপগুলি সনাক্ত করা - প্রমিত থিমগুলিতে অন্তর্ভুক্ত হওয়া অনেকগুলি। যদিও জাভাস্ক্রিপ্ট ভাষা সংজ্ঞা পাইথন এর মতো পুঙ্খানুপুঙ্খ নয়, উদাহরণস্বরূপ, Neonএখনও মত অক্ষমতা কিছু তুলনায় অনেক বেশি বৈচিত্র্য আছে Monokaiবা Solarized

নিয়ন থিম সহ jQuery হাইলাইট করা

আমার নোট করা উচিত যে আমি Better JavaScriptএই চিত্রটির জন্য @ ইন্ট 3 এ এর ভাষার সংজ্ঞা ব্যবহার করেছি যা সাব্লাইম দিয়ে জাহাজীকরণের পরিবর্তে image এটি প্যাকেজ নিয়ন্ত্রণের মাধ্যমে ইনস্টল করা যেতে পারে।

হালনাগাদ

দেরিতে আমি অন্য একটি জাভাস্ক্রিপ্ট প্রতিস্থাপন ভাষার সংজ্ঞাটি আবিষ্কার করেছি - JavaScriptNext - ES6 Syntax। এটি বেস জাভাস্ক্রিপ্ট বা আরও ভাল জাভাস্ক্রিপ্ট চেয়ে স্কোপ বেশি আছে। এটি একই কোডে দেখে মনে হচ্ছে:

জাভাস্ক্রিপ্টনেক্সট

এছাড়াও, যেহেতু আমি মূলত এই উত্তরটি লিখেছি, @ সিকিডোডা PackageResourceViewerপ্যাকেজ নিয়ন্ত্রণের মাধ্যমে প্রকাশ করেছে । এটি আপনাকে নির্বিঘ্নে দেখতে বা সম্পাদনা করতে এবং / অথবা সম্পূর্ণ .sublime-packageপ্যাকেজগুলির অংশগুলি বের করতে অনুমতি দেয় । সুতরাং, আপনি যদি চয়ন করেন, আপনি সরাসরি সাব্লাইমের সাথে অন্তর্ভুক্ত রঙিন স্কিমগুলি সম্পাদনা করতে পারেন।

অন্য আপডেট

গিথুবের প্রায় সব ডিফল্ট প্যাকেজ প্রকাশের সাথে সাথে পরিবর্তনগুলি দ্রুত এবং উগ্রতার সাথে আগত। পুরানো জেএস সিনট্যাক্সটি জাভাস্ক্রিপ্ট নেক্সট ইএস 6 সিনট্যাক্সের সেরা অংশগুলি অন্তর্ভুক্ত করার জন্য পুরোপুরি পুনর্লিখন করা হয়েছে, এবং এখন পুরোপুরি ES6- সামঞ্জস্যপূর্ণ হতে পারে। কোণ এবং প্রান্তের কেসগুলি কভার করতে, ধারাবাহিকতা উন্নত করতে এবং সামগ্রিকভাবে এটি আরও ভাল করার জন্য আরও এক টন অন্যান্য পরিবর্তন করা হয়েছে। নতুন সিনট্যাক্সটি (এই সময়ে) সর্বশেষ দেব বিল্ড 3111 এ অন্তর্ভুক্ত করা হয়েছে ।

আপনি যদি বর্তমান বিটা বিল্ড 3103 এর সাথে কোনও নতুন সিনট্যাক্স ব্যবহার করতে চান তবে গিথুব রেপো কোথাও ক্লোন করুন এবং JavaScript(বা যে কোনও ভাষা (ভাষা) আপনি চান) আপনার Packagesডিরেক্টরিতে লিঙ্ক করুন - এটি নির্বাচন করে আপনার সিস্টেমে এটি সন্ধান করুন Preferences -> Browse Packages...। তারপরে, git pullযেকোন পরিবর্তন সতেজ করার জন্য সময়ে সময়ে কেবলমাত্র মূল রেপো ডিরেক্টরিতে একটি করুন এবং আপনি সর্বশেষতম এবং দুর্দান্ত উপভোগ করতে পারবেন! আমার মনে রাখা উচিত রেপো পুরানোটির .sublime-syntaxপরিবর্তে নতুন ফর্ম্যাট ব্যবহার করে .tmLanguage, সুতরাং তারা 3084 এর আগে ST3 বিল্ডগুলির সাথে বা এসটি 2 এর সাথে কাজ করবে না (উভয় ক্ষেত্রেই আপনার সর্বশেষতম বিটা বা দেব বিল্ডে আপগ্রেড হওয়া উচিত)।

আমি বর্তমানে নতুন জেএস সিনট্যাক্সের সমস্ত নতুন স্কোপগুলি পরিচালনা করতে আমার নিয়ন রঙিন স্কিমটি টুইট করছি, তবে বেশিরভাগটি ইতিমধ্যে coveredেকে রাখা উচিত।


আমি প্যাকেজ নিয়ন্ত্রণ এবং আপনার আরও ভাল জাভাস্ক্রিপ্ট ইনস্টল করেছি। আমি কীভাবে আপনার কাছে এই স্কিমটি সেট করতে পারি? এটি রঙিন স্কিমের আওতায় তালিকাভুক্ত নয়।
নিক্লাস

আপনি কি প্যাকেজ নিয়ন্ত্রণের মাধ্যমে "নিয়ন থিম" ইনস্টল করেছেন? আপনার কাছে গেলে, যান Preferences -> Color Scheme -> Neon Themeএবং বাছাই করুন Neon
ম্যাটডিমো

4
আপনি যদি প্যাকেজ নিয়ন্ত্রণের মাধ্যমে প্যাকেজ ইনস্টল করেন তবে সেগুলি স্বয়ংক্রিয়ভাবে সঠিক স্থানে সংরক্ষণ করা হবে %APPDATA%\Sublime Text 3\Installed Packages\Neon Theme.sublime-package। উপরের মেনু বিকল্পটি নির্বাচন করা আপনার Packages\User\Preferences.sublime-settingsফাইলটিকে স্বয়ংক্রিয়ভাবে আপডেট করবে ।
ম্যাটডিমো

@ ম্যাটডমো - বাহ, এটি খুব সুন্দর ছিল। আমি এক্সএমএলের মতো মার্কআপের জন্য কিছু সিনট্যাক্স রঙ এবং সম্পাদনা পুনর্বহাল করার চেষ্টা করছি। তবে অতি সাধারণ কিছু দিয়ে কীভাবে শুরু করবেন তা নির্ধারণ করতে কিছু সমস্যা হচ্ছে। আমি কোথায় বিপরীত ইঞ্জিনিয়ার শুরু করতে পারি বা আরও ভাল, সেখান থেকে তৈরি করার বিষয়ে একটি টিউটোরিয়াল পেতে পারি।
টিমোথি টি।

4
@ nmz787 যদি আপনি চান .sublime-syntaxফাইলটি হয় তবে কেবল এটি ডাউনলোড করুন এবং এতে অনুলিপি করুন ~/.config/sublime-text-3/Packages/User। এরপরে এটি সাবলাইম উইন্ডোর একেবারে নীচে ডানদিকে সিনট্যাক্স মেনুতে উপলভ্য হবে, এটি নিজস্বভাবে (এটি "সিস্টেমভারিলগ" বলবে) বা Userআপনার সেটআপের উপর নির্ভর করে সাবমেনুর নীচে । আপনি যদি পুরো প্যাকেজটি চান, নিশ্চিত হয়ে নিন যে প্যাকেজ কন্ট্রোলটি সঠিকভাবে ইনস্টল করা হয়েছে, কমান্ড প্যালেটটি খুলুন, pci টাইপ করুন , হিট এন্টার, অনুসন্ধান করুন SystemVerilogএবং এন্টার টিপুন। আপনাকে কোনও ফাইল বা কোনও কিছুর নাম পরিবর্তন করতে হবে না - আপনি কেন এটি করছেন?
ম্যাটডিমো

31

অবশেষে প্রদত্ত থিমগুলি কাস্টমাইজ করার একটি উপায় খুঁজে পেয়েছি।

যান C:\Program Files\Sublime Text 3\Packagesএবং অনুলিপি করুন + নাম পরিবর্তন Color Scheme - Default.sublime-packageকরুন Color Scheme - Default.zip। এর পরে এটি আনজিপ করুন এবং থিমটি অনুলিপি করুন, আপনি এতে পরিবর্তন করতে চান %APPDATA%\Sublime Text 3\Packages\User। (আমার ক্ষেত্রে, All Hallow's Eve.tmTheme)।

তারপরে আপনি এটিকে যে কোনও পাঠ্য সম্পাদক দিয়ে খুলতে পারেন এবং কিছু পরিবর্তন / যুক্ত করতে পারেন, উদাহরণস্বরূপ thisজাভাস্ক্রিপ্টে পরিবর্তনের জন্য :

<dict>
    <key>name</key>
    <string>Lang Variable</string>
    <key>scope</key>
    <string>variable.language</string>
    <key>settings</key>
    <dict>
        <key>foreground</key>
        <string>#FF0000</string>
    </dict>
</dict>

এটি thisজাভাস্ক্রিপ্ট ফাইলগুলিতে লাল চিহ্নিত করবে । আপনি নিজের থিমটি নীচে নির্বাচন করতে পারেন Preferences -> Color Scheme -> User -> <Your Name>


4
হ্যাঁ, এটি হতাশাকর্মী কাজ আমাদের চারপাশে আমরা সকলকে অভ্যস্ত হওয়া দরকার যখন আমরা সাব্লাইম টেক্সট 3 এর সাহসী নতুন জগতের কাছে যেতে চাইছি I'm আমি নিশ্চিত যে আরও অনেক আগেই প্লাগইন থাকবে যা অনেক সহজ .sublime-packageসম্পাদনার অনুমতি দেয় ...
ম্যাটডিমো

9
এই প্লাগইনটি এখানে রয়েছে - একে বলা হয় PackageResourceViewerএবং প্যাকেজ নিয়ন্ত্রণের মাধ্যমে ইনস্টল করা যায়। এটি সাবলাইম টেক্সট 3 .sublime-packageফাইলগুলির সাথে কাজ করা আরও সহজ করে তোলে এবং আপনি যদি এসটি 3-তে কোনও ধরণের কাস্টমাইজেশন করার পরিকল্পনা করে থাকেন তবে আমি এটির সুপারিশ করছি।
ম্যাটডিমো

4
আপনি এই নিয়মের রেফারেন্সটি কোথায় পেয়েছেন?
কোডেনিনজা

4
^ তারা কি বলেছিল। এছাড়াও আপনি কোডটিতে "এই" কীওয়ার্ডটি কখন / কোথায় "নির্বাচন করেন" কেন এটি কেবল "এই" কীওয়ার্ডটিকে রঙ করে তা আমিও বুঝতে পারি না। আপনি দয়া করে এটি ব্যাখ্যা করতে পারেন?
জেলফির কালটস্টল


16

প্যাকেজ নিয়ন্ত্রণের মাধ্যমে ইনস্টল করা প্যাকেজ রিসোর্সভিউয়ার প্লাগইনটি ব্যবহার করুন ( ম্যাটডিএমো দ্বারা উল্লিখিত )। এটি আপনাকে সঙ্কলিত সংস্থানগুলিকে কেবল সাব্লাইম পাঠ্যে খোলার মাধ্যমে এবং ফাইলটি সংরক্ষণ করে ওভাররাইড করতে দেয়। এটি স্বয়ংক্রিয়ভাবে সম্পাদিত সংস্থানগুলিকে% অ্যাপডাটা% / রোমিং / সাব্লাইম টেক্সট 3 / প্যাকেজস / অথবা। / .কনফিগ / সাব্লাইম-টেক্সট -3 / প্যাকেজ / এ সংরক্ষণ করে।

অপিটির জন্য নির্দিষ্ট, একবার প্লাগইন ইনস্টল হয়ে গেলে PackageResourceViewer: Open Resourceকমান্ডটি কার্যকর করুন । তারপর নির্বাচন JavaScriptদ্বারা অনুসরণ JavaScript.tmLanguage। এটি সম্পাদকটিতে একটি এক্সএমএল ফাইল খুলবে। আপনি যে কোনও ভাষার সংজ্ঞা সম্পাদনা করতে পারেন এবং ফাইলটি সংরক্ষণ করতে পারেন। এটি ব্যবহারকারীর ডিরেক্টরিতে জাভাস্ক্রিপ্ট.টিএম ভাষা ফাইলের একটি ওভাররাইড অনুলিপি লিখবে।

সিস্টেমের যে কোনও ভাষার ভাষার সংজ্ঞা সম্পাদনা করতে একই পদ্ধতি ব্যবহার করা যেতে পারে।


আমি সেখানে রঙ সম্পর্কে কিছুই দেখতে পাচ্ছি না। যাইহোক, আপনার উত্তরটি আমার যা প্রয়োজন ছিল তার নিকটতমতম। পরিবর্তে, আমি JSON সিনট্যাক্সটি কাজের জন্য হাইলাইট করার জন্য এই সাবলাইমেক্সট ফোরামের পোস্ট অনুসারে মনোোকাই.টিএম থিমটি সম্পাদনা করেছি ।
jmort253

4
এই উত্তরের নির্দিষ্ট নির্দেশাবলী ছিল ভাষার সংজ্ঞা সম্পাদনা করার জন্য। যদিও এটি আপনাকে কোনও রঙিন স্কিমের রংগুলি সরাসরি সম্পাদনা করতে দেয় না, এটি আপনাকে নির্দিষ্ট ধরণের স্কোপগুলি কীভাবে পাওয়া যায় এবং এভাবে রঙ স্কিম কীভাবে ভাষার ব্যাখ্যা করে (এবং রঙগুলি) তা আপনাকে অনুমতি দেয়। প্লাগইনটি সাবলাইমে যে কোনও ধরণের সংস্থান খুলবে যাতে আপনি একই ধরণের সাথে একই রঙের স্কিমগুলি সরাসরি সম্পাদনা করতে পারেন। উদাহরণস্বরূপ, আমি কাল নাইট কালার স্কিমের অনুরাগী তাই আমি কালার-নাইট.টিএম থিমটি এই রঙিন স্কিমটি সম্পাদনা করতে এই প্লাগইনটি দিয়ে খুলব।
চকিনসুফ

5

"এটি" ইতিমধ্যে জাভাস্ক্রিপ্টে রঙিন।

দেখুন-> সিনট্যাক্স-> এবং হাইলাইট করার জন্য আপনার ভাষা চয়ন করুন।


কেবল আমি যা খুঁজছিলাম: সি ++ সিনট্যাক্স রঙ সহ View -> Syntax -> Open all with current extension as...উদাহরণস্বরূপ *.stanফাইলগুলি সেট করতে ।
বোল্টজমানব্রেন

0

এটি আমার রেসিপি

দ্রষ্টব্য: এটি ওপি যা বলছে ঠিক তা নয়। এই নির্দেশাবলী আপনাকে আইটেমগুলির রঙ পরিবর্তন করতে সহায়তা করবে (মন্তব্যসমূহ, কীওয়ার্ডস, ইত্যাদি) যা সংশ্লেষের সাথে মেলে নিয়মের সংজ্ঞায়িত। উদাহরণস্বরূপ, এই নির্দেশাবলীটি পরিবর্তনের জন্য ব্যবহার করুন যাতে সব কোডের মন্তব্য সবুজের পরিবর্তে নীল রঙের হয়।

আমি বিশ্বাস করি যে thisজাভা স্ক্রিপ্ট উত্স ফাইলে পাওয়া গেলে ওপি কীভাবে কোনও বর্ণের রঙিন হতে হবে তা সংজ্ঞায়িত করতে বলছে।

  1. প্যাকেজ ইনস্টল করুন: প্যাকেজ রিসোর্সভিউয়ার

  2. Ctrl+Shift+P> [ PackageResourceViewer: Open Resource]> [ Color Scheme - Default]> [ Marina.sublime-color-scheme] (বা যে কোনও রঙের স্কিম আপনি ব্যবহার করেন)

  3. উপরের কমান্ডটি " Marina.sublime-color-scheme" ফাইলটিতে একটি নতুন ট্যাব খুলবে ।

    • আমার জন্য, এই ফাইলটি আমার রোমিং প্রোফাইলে অবস্থিত %appdata%( C:\Users\walter\AppData\Roaming\Sublime Text 3\Packages\Color Scheme - Default\)।
    • যাইহোক, যদি আমি সেই পথ ব্রাউজ উইন্ডোজ এক্সপ্লোরার , [ Color Scheme - Default] [সন্তান-Dir নয় Packages] Dir। আমার সন্দেহ হয় যে PackageResourceViewerএটি কিছু ভার্চুয়ালাইজেশন করছে।

alচ্ছিক পদক্ষেপ: নতুন রঙ-স্কিম ট্যাবে: Ctrl+Shift+P> [ Set Syntax: JSON]

  1. আপনি যে নিয়মটি পরিবর্তন করতে চান তা অনুসন্ধান করুন। আমি মন্তব্যগুলি মুভিটি দৃশ্যমান হতে চাই, তাই আমি " Comment" অনুসন্ধান করেছিলাম

    • আমি এটি "rules"বিভাগে খুঁজে পেয়েছি
 "rules":
    [
        {
            "name": "Comment",
            "scope": "comment, punctuation.definition.comment",
            "foreground": "var(blue6)"
        },
  1. "blue6":রঙের পরিবর্তনশীল সংজ্ঞা বিভাগে স্ট্রিংটি অনুসন্ধান করুন। আমি এটি "variables"বিভাগে খুঁজে পেয়েছি ।

  2. Http://hslpicker.com/ এর মতো সরঞ্জাম ব্যবহার করে একটি নতুন রঙ চয়ন করুন ।

  3. হয় একটি নতুন রঙ পরিবর্তনশীল সংজ্ঞায়িত করুন, বা এর জন্য রঙ সেটিংস ওভাররাইট blue6

    • সতর্কতা: ওভাররাইটিং blue6সেই রঙের স্কিমের অন্যান্য সমস্ত পাঠ্য-উপাদানগুলিকে প্রভাবিত করবে যা নীল 6 ("বিরামচিহ্ন" "অ্যাকসেসর") ব্যবহার করে।
  4. আপনার ফাইলটি সংরক্ষণ করুন, পরিবর্তনগুলি যে কোনও খোলা ফাইল / ট্যাবগুলিতে তাত্ক্ষণিকভাবে প্রয়োগ করা হবে।

মন্তব্য

মহাকাশ এই যে কোনও রঙের স্টাইল পরিচালনা করবে। সম্ভবত আরও।

এইচএসএ = হিউ, স্যাচুরেশন, লাইটনেস, আলফা আরজিবা = লাল, সবুজ, নীল, আলফা

এইচএসএলা (151, 100%, 41%, 1) - শেষ পরম আলফা স্তর (স্বচ্ছতা) 1 = অস্বচ্ছ, 0.5 = অর্ধ-স্বচ্ছ, 0 = পূর্ণ স্বচ্ছ

এইচএসএল (151, 100%, 41%) - কোনও আলফা চ্যানেল নেই

rgba (0, 209, 108, 1) - একটি আলফা চ্যানেল সহ আরজিবি

rgb (0, 209, 108) - কোনও আলফা চ্যানেল নেই

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.