প্রয়াসে মারা না গিয়ে আর্কলিনাক্সে স্টাইলাস ইনস্টল করুন

লেখনী একটি কোড প্রাক প্রসেসর সিএসএস, যা আমাদের পাঠ্য সম্পাদককে আরও সহজভাবে কাজ করতে দেয় এবং তারপরে আমি আমার বক্তব্যের কারণগুলি ব্যাখ্যা করি।

এটি একটি স্টাইল শীট যা আমরা এটি জানি:

বডি {ফন্ট: 12px হেলভেটিকা, আড়িয়াল, সানস-সেরিফ; । a.button we-ওয়েবেকিট-বর্ডার-ব্যাসার্ধ: 5px; -মুজ-বর্ডার-ব্যাসার্ধ: 5 পিএক্স; সীমানা ব্যাসার্ধ: 5px; }

এবং এটি একই স্টাইলশীট দিয়ে তৈরি করা হবে স্টাইলাস:

বডি ফন্ট 12px হেলভেটিকা, অ্যারিয়াল, সানস-সেরিফ এ.বাটন-ওয়েবেকিট-বর্ডার-ব্যাসার্ধ 5px -মুজ-বর্ডার-ব্যাসার্ধ 5px সীমানা-ব্যাসার্ধ 5px

শেষ ঘন্টা? সেমিকোলন কোথায় গেল, কোলন? ভুলে গেছি, লেখনী আমাদের জন্য যে না।

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

প্রোগ্রামাররা পাইথন খুঁজে পাবেন লেখনী এগুলি যেমনটি খাপ খাইয়ে নেওয়া হয়েছে তার সাথে খুব মিল কিছু, যেহেতু আপনার কেবল যাদুটি করার জন্য সঠিকভাবে ইনডেন্ট করা দরকার।

ইনস্টলেশন

তাই যে লেখনী কাজ আমাদের ইনস্টল করতে হবে node.js যা সম্প্রদায় শাখায় রয়েছে তাই আমরা এটি করতে এগিয়ে চলেছি:

$ sudo pacman -S nodejs

এবং পরে আমরা স্টাইলাস ইনস্টল করি। Traditionalতিহ্যগত উপায়টি হ'ল:

$ npm install -g stylus

এটি সূক্ষ্ম ইনস্টল করে তবে এটি আমার পক্ষে কাজ করে না, সুতরাং এটির থেকে ইনস্টল করা আরও সহজ:

$ yaourt -S nodejs-stylus

স্টাইলাস কীভাবে ব্যবহার করবেন

ঠিক আছে, আমরা ইতিমধ্যে ইনস্টল করেছি node.js এবং আমরা ইনস্টল করেছি লেখনী.. আমরা কিভাবে এটা ব্যাবহার করবো? এটা সহজ. ধরা যাক আমাদের নিম্নলিখিত ফাইলগুলির সাথে একটি ডিরেক্টরি আছে:

- dir - index.html - style.css

আমাদের যা করতে হবে তা ফাইল তৈরি করা স্টাইল.স্টাইল, যা আমরা কাজ করতে যাচ্ছি। এই ফাইলটিতে আমাদের মতো কিছু থাকতে পারে:

বডি ব্যাকগ্রাউন্ড-রঙ #ffff ফন্ট-আকার 12px এ.বাটন রঙ লাল প্যাডিং 10px

যদি আমরা সংরক্ষণ বা কোনও পরিবর্তন করি তবে কিছুই ঘটে না, কারণ আমরা আমাদের ফাইলটি "সংকলন" করছি না। এটি সংকলন করতে, আমরা যা করি তা হ'ল আমাদের ডিরেক্টরিতে একটি টার্মিনাল খোলা (যেখানে ফাইল স্টাইল.স্টাইল) এবং কার্যকর করুন:

stylus -c style.styl

কিন্তু প্রতিবার আমরা ফাইলটি সংরক্ষণ করি স্টাইল.স্টাইল আমাদের কোডটি কার্যকর করতে হবে, তবে ভাগ্যক্রমে এটি প্রয়োজনীয় নয়, যেহেতু আমরা একই কমান্ডটি কার্যকর করি তবে পরামিতি যুক্ত করছি -w (দেখুন) নিম্নলিখিতটি ঘটে:

স্টাইলাস -c -w শৈলী। স্টাইল পর্যবেক্ষণ / আরএসআর / লিবি / নোড_মডিউলস / স্টাইলাস / লিবি / ফাংশন / ইন্ডেক্স.স্টাইল সংকলিত স্টাইল.সিএস স্টাইল.স্টাইল সংকলিত স্টাইল। CSS সংকলিত স্টাইল। CSS

অন্য কথায়, ফাইলটি স্বয়ংক্রিয়ভাবে সংকলিত হয় the ফলাফল কি হবে?

বডি {ব্যাকগ্রাউন্ড-কালার: # এফএফ; ফন্ট-সাইজ: 12 পিক্সেল। এ.বাটন {রঙ: # f00; প্যাডিং: 10px}

আপনি দেখতে পাচ্ছেন, কেবল আমাদের কোডই আমাদের তৈরি করে না সিএসএস, কিন্তু এটি অপ্রয়োজনীয় স্থান দূর করে যাতে আমাদের স্টাইল শীটের ওজন কম হয় ৷

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