크로스 플랫폼 데스크톱 응용 프로그램 빌드 : 전자와 각도의 완벽한 조합
이 튜토리얼은 전자 및 각도를 사용하여 크로스 플랫폼 데스크톱 응용 프로그램을 구축하는 방법을 보여줍니다. Electron.js는 JavaScript, HTML 및 CSS를 사용하여 Windows, Linux 및 MacOS 용 데스크탑 응용 프로그램을 작성하는 인기있는 플랫폼입니다. Google Chromium 및 Node.js와 같은 강력한 플랫폼을 활용하고 운영 체제와 상호 작용하기위한 자체 API 세트를 제공합니다.
예방 조치
<.> 개발 시스템에 node.js 및 npm을 설치하십시오.
각도 cli의 설치
.
npm install -g @angular/cli
<🎜 🎜> <<> 구성 package.json
<🎜 🎜><<> 시작 스크립트를 추가하십시오
cd ~ ng new electron-angular-demo
명령의 전자는 현재 디렉토리에서 전자 응용 프로그램을 시작합니다.
npm install --save-dev electron@latest
<<>는 전자를 실행하는 현재 폴더를 나타냅니다.
<<> (다음은 원본 텍스트와 일치하지만 단락과 제목은 읽고 이해하기 쉽도록 조정되었습니다.)
const {app, BrowserWindow} = require('electron')
const url = require("url");
const path = require("path");
let mainWindow
function createWindow () {
mainWindow = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
mainWindow.loadURL(
url.format({
pathname: path.join(__dirname, `/dist/index.html`),
protocol: "file:",
slashes: true
})
);
// 打开开发者工具
mainWindow.webContents.openDevTools()
mainWindow.on('closed', function () {
mainWindow = null
})
}
app.on('ready', createWindow)
app.on('window-all-closed', function () {
if (process.platform !== 'darwin') app.quit()
})
app.on('activate', function () {
if (mainWindow === null) createWindow()
})
npm install -g @angular/cli
cd ~
ng new electron-angular-demo
(다음 내용은 원래 FAQ 부분이며 중국 표현 습관에 더 잘 맞도록 약간 조정됩니다.) faqs (faqs)
전자 및 각도 응용을 디버그하는 방법은 무엇입니까?
예. Angular Materials는 각도의 재료 설계를 구현하는 UI 구성 요소 라이브러리입니다. 사용자 친화적이고 반응 형 애플리케이션을 만드는 데 사용할 수있는 다양한 사전 제작 된 구성 요소를 제공합니다. Angular Material을 사용하려면 NPM 또는 원사를 사용하여 설치 한 다음 응용 프로그램에서 필요한 모듈을 가져와야합니다. 전자 및 각도에서 파일 시스템 작업을 처리하는 방법은 무엇입니까? 전자는 파일 읽기 및 쓰기와 같은 파일 시스템 작업을 처리하는 데 사용할 수있는 FS (파일 시스템)라는 내장 모듈을 제공합니다. 전자 적용의 주요 과정에서 사용할 수 있습니다. 그러나 렌더러 프로세스 (Angular)에서 사용하려면 기본 프로세스와 렌더러 프로세스간에 전자를 통신하기 위해 Electron의 IPC (프로세스 간 통신)를 사용해야합니다.
전자 및 각도 응용 분야에서 Node.js 모듈을 사용하는 방법은 무엇입니까?
mainWindow.webContents.openDevTools()
전자 및 각도 응용 프로그램을 업데이트하는 방법은 무엇입니까?
전자와 함께 각도 CLI를 사용할 수 있습니까?
예. Angular CLI는 Angular의 명령 줄 인터페이스입니다. 각도 응용 프로그램을 작성, 개발 및 유지 관리하는 데 도움이됩니다. 이를 사용하여 구성 요소, 서비스, 모듈 등을 생성 할 수 있습니다. 전자로 실행하기 전에 각 응용 분야를 구축하는 데 사용할 수도 있습니다. 전자 및 각도 응용의 보안을 보호하는 방법은 무엇입니까?
전자 및 각도 응용 프로그램을 테스트하는 방법은 무엇입니까?
전자는 다른 프레임 워크 나 라이브러리와 함께 사용할 수 있습니까? 예. 전자는 프레임 워크에 관한 것이 아니므로 JavaScript 프레임 워크 또는 라이브러리와 함께 사용할 수 있습니다. Angular 외에도 React, Vue.js, Svelte 등과 함께 사용할 수 있습니다. 원하는 경우 기본 JavaScript와 함께 사용할 수도 있습니다.
위 내용은 전자 및 각도로 데스크톱 응용 프로그램을 구축하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
