1분 안에 Electron 프로젝트를 빠르게 스캐폴딩

2623 단어 vitevuereactelectron

생성 전자



An easy way to start an Electron project




용법



Compatibility Note:
Some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.



npm 사용:

$ npm create @quick-start/electron


털실로:

$ yarn create @quick-start/electron


pnpm 사용:

$ pnpm create @quick-start/electron


그런 다음 프롬프트를 따르십시오!

추가 명령줄 옵션을 통해 사용할 프로젝트 이름과 템플릿을 직접 지정할 수도 있습니다. 예를 들어 Electrn + Vue 프로젝트를 스캐폴딩하려면 다음을 실행합니다.

# npm 6.x
npm create @quick-start/electron my-app --template vue

# npm 7+, extra double-dash is needed:
npm create @quick-start/electron my-app -- --template vue

# yarn
yarn create @quick-start/electron my-app --template vue

# pnpm
pnpm create @quick-start/electron my-app -- --template vue


현재 지원되는 템플릿 사전 설정은 다음과 같습니다.
  • sample
  • sample-ts
  • vue
  • vue-ts
  • react
  • react-ts
  • svelte
  • svelte-ts

  • 특징


  • ESLint + Prettier를 사용하여 코드를 개선하고 스타일을 지정하면 고품질 코드를 작성하는 데 도움이 됩니다.
  • electron-vite 과(와) 통합된 빠른 javascript 빌더인 Vite 컴파일러를 사용하면 구성에 신경 쓸 필요가 없습니다.
  • 쉽게 개발할 수 있는 electron-toolkit을 사용하세요. 예를 들어, TSconfigs는 기본 프로세스에 대한 사전 로드 스크립트 및 효과적인 유틸리티의 렌더러 프로세스에 공통 Electron API를 확장하고 노출합니다.
  • electron-builder 및 사전 설정 공통 구성을 사용하여 Electron 앱을 쉽게 패키징할 수 있습니다.
  • Electron-builder를 기반으로 하는 자동 업데이트에 electron-updater을 사용합니다.
  • 좋은 웹페이지 즐겨찾기