ওয়েব ডেভেলপমেন্টের জন্য কিভাবে একটি ম্যাক সেট আপ করবেন

যদিও আপনি একটি টেক্সট এডিটর এবং ব্রাউজার ছাড়া আর কিছুই না দিয়ে মৌলিক ওয়েবসাইট তৈরি করতে পারেন, আপনি আপনার ওয়ার্কফ্লোতে রিঅ্যাক্ট বা Vue এর মতো একটি জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক এবং গিটের মতো দরকারী টুল যোগ করে আপনার গেমটি উন্নত করতে চাইতে পারেন।

কিন্তু অপেক্ষা করো! আপনার ম্যাক প্রস্তুত নয়। ডাইভিং করার আগে, আপনাকে কয়েকটি আইটেম ইনস্টল করতে হবে যা আপনাকে পরে বিভ্রান্তিকর ত্রুটি থেকে বাঁচাবে। ?

এই নিবন্ধটি আপনাকে আপনার ম্যাকে জাভাস্ক্রিপ্ট-ভিত্তিক ওয়েব ডেভেলপমেন্টের সাথে উঠতে এবং চালানোর জন্য ন্যূনতম সেটআপের মাধ্যমে গাইড করবে।

চলুন!

আপনার ম্যাক আপডেট করুন

কোনো নতুন সফ্টওয়্যার ইনস্টল করার আগে, ম্যাকওএস এবং আপনার বর্তমান সফ্টওয়্যারকে সর্বশেষ সংস্করণে আপগ্রেড করতে অ্যাপলের এই নির্দেশাবলী অনুসরণ করুন৷

একটি টার্মিনাল অ্যাপ চয়ন করুন

যেহেতু আপনি এই নিবন্ধে কমান্ড লাইন ব্যবহার করে আপনার ম্যাকের সাথে ইন্টারঅ্যাক্ট করবেন, তাই আপনার একটি টার্মিনাল অ্যাপের প্রয়োজন হবে।

নিচের যেকোনো একটি ভালো বিকল্প:

• হাইপার
• iTerm2
• ভিজ্যুয়াল স্টুডিও কোডের ইন্টিগ্রেটেড টার্মিনাল
• টার্মিনাল (ডিফল্ট অ্যাপ যা আপনার ম্যাকের সাথে আসে)

আপনি কোনটি বেছে নেবেন তা নিশ্চিত না হলে, হাইপার বেছে নিন।

কমান্ড লাইন ডেভেলপার টুলস

কমান্ড লাইন থেকে আপনাকে প্রথমে যে জিনিসটি ইনস্টল করতে হবে তা হল আপনার Mac এর কমান্ড লাইন ডেভেলপার টুলস . এগুলিকে এখন ইনস্টল করা পরে অদ্ভুত ত্রুটিগুলি প্রতিরোধ করবে৷

সরঞ্জামগুলি ইতিমধ্যে ইনস্টল করা আছে কিনা তা পরীক্ষা করতে, আপনার টার্মিনাল অ্যাপে নিম্নলিখিত কমান্ডটি টাইপ করুন এবং রিটার্ন টিপুন:

xcode-select --version

ফলাফলটি একটি সংস্করণ নম্বর না হলে, এই কমান্ডের সাহায্যে সরঞ্জামগুলি ইনস্টল করুন:

xcode-select --install

আপনি সরঞ্জামগুলি ইনস্টল করতে চান কিনা তা জিজ্ঞাসা করে একটি ডায়ালগ উপস্থিত হবে। ইনস্টল করুন ক্লিক করুন৷ এবং প্যাকেজ নিজেই ডাউনলোড এবং ইনস্টল হবে।

ইনস্টলেশন শেষ হলে, প্রথম কমান্ডটি পুনরায় চালু করে সরঞ্জামগুলি ইনস্টল করা হয়েছে তা নিশ্চিত করুন:

xcode-select --version

ফলাফলটি এখন একটি সংস্করণ নম্বর হওয়া উচিত৷

হোমব্রু

প্রতিটি টুলের ওয়েবসাইটে গিয়ে, ডাউনলোড পৃষ্ঠা খুঁজে, ডাউনলোড লিঙ্কে ক্লিক করে, ফাইলগুলো আনজিপ করে এবং ম্যানুয়ালি ইনস্টলার চালানোর মাধ্যমে পরবর্তী কয়েকটি টুল ইনস্টল করার পরিবর্তে, আমরা Homebrew ব্যবহার করতে যাচ্ছি।

হোমব্রু একটি টুল যা আপনাকে কমান্ড লাইন থেকে আপনার Mac এ সফ্টওয়্যার ইনস্টল, আপডেট এবং আনইনস্টল করতে দেয়। এটি ম্যানুয়াল পদ্ধতির চেয়ে দ্রুত এবং নিরাপদ এবং সাধারণত আপনার উন্নয়ন জীবনকে সহজ করে তোলে৷

প্রথমে, Homebrew ইতিমধ্যে ইনস্টল করা আছে কিনা তা পরীক্ষা করুন:

brew --version

আপনি যদি একটি সংস্করণ নম্বর দেখতে না পান, তাহলে এই কমান্ডটি দিয়ে Homebrew ইনস্টল করুন:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

আমি প্রতিশ্রুতি দিচ্ছি যে এটি সবচেয়ে অদ্ভুত আদেশ যা আপনি এই নিবন্ধে দেখতে পাবেন! ? হোমব্রুকে ধন্যবাদ, বাকিগুলো সহজ।

এগিয়ে যাওয়ার আগে, হোমব্রু এখন ইনস্টল করা হয়েছে তা নিশ্চিত করুন:

brew --version

নোড এবং npm

Node.js হল একটি টুল যা আপনার Macকে ওয়েব ব্রাউজারের বাইরে জাভাস্ক্রিপ্ট কোড চালানোর অনুমতি দেয়। আপনি যদি আপনার Mac-এ React বা Vue-এর মতো জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক চালাতে চান, তাহলে আপনাকে নোড ইনস্টল করতে হবে।

নোডের মধ্যে npm (নোড প্যাকেজ ম্যানেজার)ও রয়েছে, যা আপনাকে বিনামূল্যের কোডের একটি বিশাল লাইব্রেরিতে অ্যাক্সেস দেয় যা আপনি ডাউনলোড করতে এবং আপনার প্রকল্পগুলিতে ব্যবহার করতে পারেন৷

প্রথমে, নোড ইতিমধ্যে ইনস্টল করা আছে কিনা তা পরীক্ষা করুন:

node --version

যদি না হয়, হোমব্রু দিয়ে ইনস্টল করুন:

brew install node

অবশেষে, নিশ্চিত করুন নোড এবং npm এখন ইনস্টল করা হয়েছে:

node --version

npm --version

Git এর সাথে সংস্করণ নিয়ন্ত্রণ

Git হল একটি টুল যা আপনাকে আপনার কোডের পরিবর্তনগুলি ট্র্যাক করতে এবং শেয়ার্ড প্রোজেক্টে অন্যান্য ডেভেলপারদের সাথে কাজ করতে সাহায্য করে৷

প্রতিটি প্রকল্পে গিট ব্যবহার করা বিকাশের একটি দুর্দান্ত অভ্যাস এবং আপনাকে ভবিষ্যতের প্রকল্পগুলির জন্য প্রস্তুত করবে যেখানে গিট প্রয়োজন হতে পারে। কিছু টুল (যেমন GatsbyJS) আপনার Mac এ Git ইন্সটল হওয়ার উপরও নির্ভর করে, তাই আপনি এটিকে আপনার ওয়ার্কফ্লোতে যোগ করার পরিকল্পনা না করলেও আপনার প্রয়োজন হবে।

আবার, Git ইতিমধ্যে ইনস্টল করা আছে কিনা তা পরীক্ষা করে শুরু করুন:

git --version

যদি না হয়, এটি ইনস্টল করুন:

brew install git

এবং ইনস্টলেশন কাজ করেছে তা নিশ্চিত করুন:

git --version

কিছুক্ষণের মধ্যে, নিম্নলিখিত কমান্ডটি চালান এবং হোমব্রুতে আপনি যা ইনস্টল করেছেন তা স্বয়ংক্রিয়ভাবে আপডেট হবে:

brew update && brew upgrade && brew cleanup && brew doctor

আপনার সিস্টেমকে আপ টু ডেট রাখতে আপনার যা দরকার তা হল এই একটি কমান্ড। ?

আমি সাধারণত এটি চালাই যখন আমি একটি নতুন প্রকল্প শুরু করি, কিন্তু আপনি যখনই চান তখন নির্দ্বিধায় এটি করতে পারেন। (যখন আপনি এই কমান্ডটি চালান, যদি হোমব্রু আপনাকে চালানোর জন্য অতিরিক্ত কমান্ডের পরামর্শ দেয়, এগিয়ে যান এবং সেগুলি চালান৷ যদি একটি কমান্ড sudo দিয়ে শুরু হয় এবং আপনাকে একটি পাসওয়ার্ডের জন্য অনুরোধ করা হবে, আপনার Mac এর অ্যাডমিন পাসওয়ার্ড ব্যবহার করুন৷)

এটা কমান্ড লাইনের জন্য!

কোড সম্পাদক

আপনি যেকোন টেক্সট এডিটরে কোড লিখতে পারলেও, আপনার কোড হাইলাইট এবং যাচাই করে এমন একটি ব্যবহার করলে আপনার জীবন অনেক সহজ হয়ে যাবে।

নিচের যেকোনো একটি ভালো বিকল্প:

• ভিজ্যুয়াল স্টুডিও কোড
• পরমাণু
• সাবলাইম টেক্সট

আপনি যদি এইমাত্র শুরু করছেন, ভিজ্যুয়াল স্টুডিও কোড চয়ন করুন৷

ব্রাউজার

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

নিচের যেকোনো একটি ভালো বিকল্প:

• Chrome
• ফায়ারফক্স

আপনি যদি এইমাত্র শুরু করছেন, Chrome বেছে নিন।

ফাইন্ডার

এখানে একটি দ্রুত টিপ:আপনি ডিফল্টরূপে আপনার ম্যাক লুকিয়ে থাকা ফাইলগুলি দেখাতে চাইবেন। (উদাহরণস্বরূপ, গিট ফাইলগুলি স্বয়ংক্রিয়ভাবে লুকানো থাকে, তবে কখনও কখনও আপনি সেগুলি সম্পাদনা করতে চান৷)

আপনার Mac এর লুকানো ফাইলগুলি দেখানোর সবচেয়ে সহজ উপায় হল কীবোর্ড শর্টকাট ⌘⇧। (কমান্ড + শিফট + পিরিয়ড)। এটি এই ফাইলগুলি দেখানো এবং লুকানোর মধ্যে বিকল্প হবে যাতে আপনার প্রয়োজন হলে আপনি সেগুলি অ্যাক্সেস করতে পারেন৷

উপসংহার

আপনি সব সেট! ?

আপনার ম্যাকে জাভাস্ক্রিপ্ট-ভিত্তিক ফ্রন্ট-এন্ড ডেভেলপমেন্টের সাথে উঠতে এবং চালানোর জন্য এটিই প্রয়োজন।

বিভ্রান্তি রোধ করার জন্য, আমি এমন কোনো আইটেম ছেড়ে দিয়েছি যা কঠোরভাবে প্রয়োজন হয় না। আপনি যদি ওয়েব ডেভেলপমেন্টের জন্য আপনার Macকে আরও কাস্টমাইজ করতে ঐচ্ছিক উপায়ে গভীরভাবে ডুব দিতে চান তবে নীচের লিঙ্কগুলি দেখুন৷

আরো পড়া

• তানিয়া রাসিয়া দ্বারা বিকাশের জন্য একটি ব্র্যান্ড নিউ ম্যাক সেট আপ করা হচ্ছে
• বেন হানিউইলের ফ্রন্ট-এন্ড ডেভেলপমেন্টের জন্য একটি ম্যাকবুক সেট আপ করা
• বাসা ত্যাগ করা:WebDevStudios দ্বারা সর্বোত্তম স্থানীয় উন্নয়ন পরিবেশের সন্ধান করা (যদি আপনার একটি PHP সেটআপেরও প্রয়োজন হয়)

টুইটারে আলোচনা করুন

মূলত michaeluloth.com এ প্রকাশিত।