1. Instalação de ambiente jônico
O desenvolvimento jônico depende do ambiente Nodejs, então precisamos instalar Nodejs antes do desenvolvimento. Baixar e Instalar:O login do hiperlink está visível.
Após a conclusão da instalação, abra o PowerShell e insira os comandos -v e npm -v para verificar se a instalação foi bem-sucedida, e se o número da versão for retornado, significa que foi bem-sucedida.
Execute na linha de comando do PowerShell:
Isso é para instalar cordova e ionic usando o gerenciador de pacotes npm, -g significa instalação global, e após a instalação global, você pode usar comandos cordova e ionic em qualquer diretório do PowerShell.
Você pode encontrar o seguinte erro:
2. Criar um projeto jônico
O site oficial da Ionic oferece três modelos de projetos em branco, abas e menu lateral, por favor, consulte a:O login do hiperlink está visível.
Criamos nosso app usando o modelo de abas, abrimos o CD do PowerShell no diretório de desenvolvimento e executamos:
onde myApp é o nome do nosso projeto
Como mostrado abaixo:
C:\project\android>ionic start myApp tabs
√ Criando o diretório .\myApp - pronto!
√ Inicial baixando e extraindo abas - pronto!
? Você gostaria de integrar seu novo app com o Cordova para direcionar iOS nativo e Android? Sim
√ Personalizando ionic.config.json e package.json - pronto!
> integrações iônicas possibilitam a corda --silenciosa
√ Baixando integração Cordova - pronto!
√ Copiar arquivos de integração para o projeto - pronto!
[OK] Adicionei integração com Cordova!
Instalar dependências pode levar vários minutos.
* IONIC DEVAPP *
Acelere o desenvolvimento com o Ionic DevApp, nosso aplicativo móvel rápido para testes em dispositivos
- Teste no iOS e Android sem SDKs nativos
- LiveReload para atualizações instantâneas de estilo e JS
️--> Instalar DevApp:O login do hiperlink está visível. <--
> npm i
× Comando executando - falhou!
[ERRO]
>node-sass@4.9.0instale C:\project\android\myApp\node_modules\node-sass
> scripts/install.js de node
Baixando o binário deO login do hiperlink está visível.
Download completo
Binário salvo em C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Cache binário para C:\Users\itsvse_pc\AppData\Roaming\npm-cache\node-sass\4.9.0\win32-x64-57_binding.node
>uglifyjs-webpack-plugin@0.4.6postinstall C:\project\android\myApp\node_modules\uglifyjs-webpack-plugin
> lib/post_install.js de nó
>node-sass@4.9.0postinstall C:\project\android\myApp\node_modules\node-sass
> scripts/build.js de nó
Binário encontrado em C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
Testando o binário
Binário é aceitável
npm ERR! path C:\projeto\android\meuApp\node_modules\fsevents\node_modules
npm ERR! código EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Erro: EPERM: operação não permitida, lstat
'C:\projeto\android\meuApp\node_modules\fsevents\node_modules'
npm ERR! { Erro: EPERM: operação não permitida, lstat
'C:\projeto\android\meuApp\node_modules\fsevents\node_modules'
npm ERR! Stack: 'Erro: EPERM: operação não permitida, lstat
\'C:\\project\\android\\myApp\\\node_modules\\fsevents\\\node_modules'',
npm ERR! errno: -4048,
npm ERR! código: 'EPERM',
npm ERR! Chamada de Sys: 'Lstat',
npm ERR! path: 'C:\\project\\android\\myApp\\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Por favor, tente executar esse comando novamente como root/Administrador.
npm ERR! Um registro completo dessa execução pode ser encontrado em:
npm ERR! C:\Usuários\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
Ocorreu um erro,A solução é executar o cmd como administrador e depois executar novamente o comando acima！！
Use o CD para inserir nosso projeto e então execute o seguinte comando para iniciar o serviço do navegador:
Após a execução, o Ionic automaticamente nos ajuda a abrir nosso navegador padrão e pular para a página do aplicativo; quando o navegador abrir a página, o Ionic ativará o modo livereload para nós. Depois de abri-lo, editamos o arquivo sob www e salvamos, o Ionic notificará o navegador para atualizar a página pelo websocket,Não precisamos atualizar manualmente a página toda vez que fazemos alterações, e melhorou muito nossa eficiência no trabalho.
Como mostrado abaixo:
|
Publicado em 19/06/2018 15:07:03
|
|
|
|
