Recentemente, a empresa não tem projetos no momento. De repente, sentei e fiquei entediado. Queria aprender algumas outras tecnologias e desenvolver um aplicativo desktop simples, então escolhi a tecnologia de elétrons. Agora vou compartilhar com vocês.
electron: O documento oficial https://www.electronjs.org/ explica os benefícios do desenvolvimento de aplicativos de desktop.
Se você pode construir um site, você pode construir um aplicativo de desktop. Electron é um framework que usa tecnologias web como JavaScript, HTML e CSS para criar programas nativos. É responsável pelas partes mais difíceis. Você só precisa se concentrar no núcleo de sua aplicação.
Como mencionado acima: você pode desenvolver com JavaScript, HTML e CSS . Aprendemos que o aplicativo de desktop eletrônico tem as seguintes vantagens:
1. Reduza os custos de aprendizagem. Os desenvolvedores de front-end não precisam aprender uma nova linguagem de desenvolvimento, e o aprendizado não levará muito tempo; além disso, a dificuldade de aprendizado de elétrons é muito mais simples do que C #, .net, etc., e é amigável para muitos desenvolvedores.
2. Grande comunidade: o electron é um produto oficial do github.É reconhecido por desenvolvedores de todas as esferas da vida, seja em tecnologia de framework, número de usuários ou confiança do usuário.
3. Reduzir a carga de trabalho: Electron é multiplataforma e pode desenvolver aplicativos da web e aplicativos de desktop ao mesmo tempo. Seja IU ou código (JS), a maioria dos recursos pode ser compartilhada, o que reduz bastante a carga de trabalho para desenvolvedores, até As empresas não precisam investir repetidamente em mão de obra para desenvolver o sistema.
4. O mercado de desenvolvimento futuro é amplo. Do ponto de vista dos principais usuários do elétron , muitos deles são grandes fabricantes, como Ant Financial, Xiaomi, Huawei, GitHub (Electron é lançado pelo GitHub), Microsoft, etc. Como o GitHub agora é adquirido pela Microsoft, o backend atual do Electron é a Microsoft . Portanto, você não precisa se preocupar em não ter mercado no futuro para aprender o Electron. Afinal, todas as principais fábricas estão usando o Electron.
Deixe-me aprender sobre o elétron agora!
1. Configure um ambiente de desenvolvimento
Dado oficialmente:
Electron oferece suporte ao Windows 7 e superior - qualquer tentativa de desenvolver Electron em versões anteriores do Windows será inútil.
Electron é um suporte técnico de plug-in fornecido por nodejs. Em primeiro lugar, para evitar alguns erros desnecessários no ambiente de compilação, instale a última versão do nodejs node download
Em seguida, instale git git download (necessário para obter o código de exemplo oficial remotamente abaixo)
Em segundo lugar, crie o projeto
1. Instale o plug-in:
cnpm i -g elétron
npm i -g elétron
fio elétron
escolha qualquer método de instalação
Recomendado para usar
elétron cnpm i -g
2. Crie um projeto:
Método 1:
npx create-electron-app xxx // onde npx é a última versão 10 do comando integrado do nó
Método dois:
cnpm i -g yarn // instale o comando
yarn yarn create-electron-app xxx
Método três:
cnpm install -g @ electron-forge / cli // Instalar electron-forge scaffolding
electron-forge init xxx // Criar e inicializar o projeto
cd xxx // Entrar no diretório do projeto xxx
npm start // Executar o projeto
Método 4: Retire do armazém remoto
Clone o armazém do projeto de amostra
$ git clone https://github.com/electron/electron-quick-start
Entre neste armazém
$ cd electron-quick-start
Dependências de instalação
$ npm install
Método 5: criar manualmente (se você estiver interessado, vá para bilibili para pesquisar os vídeos, existem muitas explicações para esse tipo de vídeo)
Três, execute
Use a linha de comando:
acima do nível do mar começar
Se for criado manualmente, use
electron. // Point é o arquivo de execução padrão do projeto atual
A captura de tela é a seguinte (este é um exemplo de um armazém remoto github):
Conforme mostrado na figura acima, eu simplesmente construo e executo um aplicativo de desktop com sucesso!