4. The easy way to create a project - You can create the project more easy than before by using boillerplate. npx create-electron-app project-name npx create-react-app project-name - This method involves adding Electron to a React project 1. Type command npx create-react-app project-name npm start npm add --dev electron 2.Modifying the package.json file { "name": "project-name", "version": "0.1.0", "private": true, "main": "src/ma.. 2023. 12. 31. 3. Adding webpack-package and practice 1. Adding the webpack-package npm install --save-dev @babel/core @babel/preset-env @babel/preset-react babel-loader css-loader style-loader sass-loader sass webpack webpack-cli 2. Make 'webpack.common.js' in root directory and write through following code (through visual code) code webpack.common.js const path = require('path'); module.exports = { mode: 'development', entry: './src/js/main.js', .. 2023. 12. 31. Electron-Package (Common) - Electron Forge : For packaging and deploy npm install --save-dev @electron-forge/cli - React : For dynamical response npm install --save react react-dom -Webpack : For improving your develop environment. npm install --save-dev @babel/core @babel/preset-env @babel/preset-react babel-loader css-loader style-loader sass-loader sass webpack webpack-cli 2023. 12. 31. 1. Let's Practice through a simple example (Quick start from electron) 0. If you haven't installed Electron yet, you can do so through following link. Electron (Windows Environments) 1. Installing Node.js (About installing the node.js) 2. Make workspace 2.1. Make project folder mkdir "new-electron-app" 2.2. Create the porject npm init 2.3. you have to check if 'package.json' jas been created and then need to enter some information - au windows-u.tistory.com 1. You .. 2023. 12. 31. 0. What is the Electron? - What is the Electron? Electron is the Framework for developing desktop application and can build application that work cross-platform. - Architecture of Electron - developed Applications using Electron. 2023. 12. 31. Electron (Windows) 1. Installing Node.js (About installing the node.js) 2. Make workspace 2.1. Make project folder mkdir new-electron-app 2.2. Create the porject npm init 2.3. you have to check if 'package.json' has been created and then need to enter some information - author : enter the information that you want - main : you can set the entry file 3. Adding Electron Package npm install --save-dev electron 2023. 12. 30. 이전 1 다음
