Electron ইনস্টল করার জন্য npm (Node Package Manager) ব্যবহার করা হয়। এটি খুবই সহজ এবং দ্রুত প্রক্রিয়া। নিচে ধাপে ধাপে নির্দেশিকা দেওয়া হলো:
১. Node.js এবং npm ইনস্টল করা
Electron ইনস্টল করার আগে Node.js এবং এর সঙ্গে থাকা npm ইনস্টল করতে হবে।
- Node.js ডাউনলোড করে আপনার অপারেটিং সিস্টেম অনুযায়ী ইনস্টল করুন।
- ইনস্টল হয়ে গেলে কমান্ড লাইন বা টার্মিনালে নিচের কমান্ড লিখে নিশ্চিত করুন:
node -v
npm -v
এটি আপনার Node.js এবং npm-এর ভার্সন দেখাবে।
২. প্রজেক্ট সেটআপ
১. একটি নতুন ফোল্ডার তৈরি করুন এবং সেখানে যান:
mkdir electron-app
cd electron-app
২. প্রজেক্ট ইনিশিয়ালাইজ করতে npm init চালান:
npm init -y
এটি একটি ডিফল্ট package.json ফাইল তৈরি করবে।
৩. Electron ইনস্টল করা
Electron ইনস্টল করতে নিচের কমান্ডটি চালান:
npm install electron --save-dev
- এটি Electron কে আপনার প্রজেক্টের devDependencies-এ যোগ করবে।
- Electron এর সর্বশেষ ভার্সন ডাউনলোড এবং ইনস্টল হবে।
ইনস্টলেশন নিশ্চিত করা
ইনস্টলেশন নিশ্চিত করতে package.json ফাইল খুলে দেখুন devDependencies এর মধ্যে Electron রয়েছে কিনা। উদাহরণ:
"devDependencies": {
"electron": "^25.0.0"
}
৪. Electron ইনস্টলেশন টেস্ট করা
১. package.json-এ একটি start script যোগ করুন:
"scripts": {
"start": "electron ."
}
২. একটি main.js ফাইল তৈরি করুন এবং নিচের কোড লিখুন:
const { app, BrowserWindow } = require('electron');
let mainWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
},
});
mainWindow.loadFile('index.html');
});
৩. একটি index.html ফাইল তৈরি করুন এবং নিচের কোড যোগ করুন:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Electron App</title>
</head>
<body>
<h1>Electron অ্যাপ সফলভাবে চলছে!</h1>
</body>
</html>
৪. অ্যাপ চালানোর জন্য টার্মিনালে নিচের কমান্ড লিখুন:
npm start
এটি একটি Electron উইন্ডো চালু করবে এবং আপনার অ্যাপটি প্রদর্শন করবে।
গুরুত্বপূর্ণ টিপস
Electron এর নির্দিষ্ট ভার্সন ইনস্টল করতে নিচের কমান্ড ব্যবহার করুন:
npm install electron@<version> --save-dev- ইনস্টলেশন সমস্যা হলে
npm cache clean --forceচালিয়ে আবার চেষ্টা করুন।
Electron ইনস্টলেশন সম্পন্ন। এখন আপনি সহজেই আপনার ডেস্কটপ অ্যাপ্লিকেশন ডেভেলপমেন্ট শুরু করতে পারবেন।
Read more
