1. 이온 환경 설치
Ionic 개발은 Nodejs 환경에 의존하기 때문에, 개발 전에 Nodejs를 설치해야 합니다. 다운로드 및 설치:하이퍼링크 로그인이 보입니다.
설치가 완료된 후에는 PowerShell을 열고 node -v와 npm -v 명령을 입력하여 설치 성공을 확인하고, 버전 번호가 반환되면 성공한 것을 의미합니다.
PowerShell 명령줄에서 실행:
이것은 npm 패키지 관리자를 사용해 cordova와 ionic을 설치하는 것입니다. -g는 전역 설치를 의미하며, 전역 설치 후에는 PowerShell 내 어느 디렉터리에서든 cordova 및 ionic 명령을 사용할 수 있습니다.
다음과 같은 오류가 발생할 수 있습니다:
2. 이오닉 프로젝트 생성
Ionic 공식 웹사이트에는 세 가지 프로젝트 템플릿이 제공되며, 빈 공간, 탭, 사이드메뉴를 참고하세요:하이퍼링크 로그인이 보입니다.
탭 템플릿을 사용해 앱을 만들고, PowerShell CD를 개발 디렉터리로 열어 실행합니다:
여기서 myApp은 저희 프로젝트 이름입니다
아래에 나와 있습니다:
C:\project\android>ionic start myApp tabs
√ 디렉터리 생성 .\myApp - 완료!
√ 스타터 탭 다운로드 및 추출 완료!
? 새 앱을 코르도바와 통합하여 네이티브 iOS와 안드로이드를 타겟으로 하고 싶으신가요? 네
√ ionic.config.json와 package.json 개인화하기 - 완료!
> 이온 적분은 코르도바를 가능하게 합니다 -- 조용함
√ 통합 코드 다운로드 완료!
√ 프로젝트에 통합 파일 복사 - 완료!
[OK] 코르도바 통합 기능이 추가되었습니다!
의존성 설치는 몇 분이 걸릴 수 있습니다.
* 아이오닉 데바프 *
Ionic DevApp, 즉 빠른 온디바이스 테스트 모바일 앱으로 개발 속도를 높이세요
- 네이티브 SDK 없이 iOS와 Android에서 테스트
- LiveReload: 즉각적인 스타일 및 JS 업데이트를 지원합니다
️--> DevApp 설치:하이퍼링크 로그인이 보입니다. <--
> 자폐 나
× 실행 명령 - 실패!
[오류]
>node-sass@4.9.0C:\project\android\myApp\node_modules\node-sass를 설치하세요
> 노드 스크립트/install.js
바이너리 다운로드하이퍼링크 로그인이 보입니다.
다운로드 완료
바이너리 저장 시 C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node
캐싱 바이너리 → 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
>node-sass@4.9.0설치 후 C:\project\android\myApp\node_modules\node-sass
> 노드 스크립트/build.js
바이너리는 C:\project\android\myApp\node_modules\node-sass\vendor\win32-x64-57\binding.node에서 찾을 수 있습니다
이진 테스트
이진법은 괜찮습니다
NPM 에! 경로 C:\프로젝트\안드로이드\내 앱\node_modules\fsevents\node_modules
NPM 에! 코드 EPERM
NPM 에! 에르노 -4048
NPM 에! Syscall LSTAT
NPM 에! 오류: EPERM: 작동 불가, lstat
'C:\프로젝트\안드로이드\내 앱\node_modules\fsevents\node_modules'
NPM 에! { 오류: EPERM: 작동 불가, 이스탯
'C:\프로젝트\안드로이드\내 앱\node_modules\fsevents\node_modules'
NPM 에! 스택: '오류: EPERM: 작동 불가, lstat
\'C:\\프로젝트\\android\\myApp\\node_modules\\fsevents\\node_modules\',
NPM 에! 에르노: -4048,
NPM 에! 코드: 'EPERM',
NPM 에! 시스콜: 'lstat',
NPM 에! 경로: 'C:\\프로젝트\\android\\myApp\\node_modules\\fsevents\\node_modules' }
NPM 에!
NPM 에! 이 명령을 root/Administrator로 다시 실행해 보세요.
NPM 에! 이 경기의 전체 기록은 다음에서 확인할 수 있습니다:
NPM 에! C:\Users\itsvse_pc\AppData\Roaming\npm-cache\_logs\2018-06-19T06_52_38_238Z-debug.log
오류가 발생했습니다.해결책은 관리자 권한으로 cmd를 실행한 후 위 명령을 다시 실행하는 것입니다！！
CD를 사용해 우리 프로젝트에 입력한 후, 다음 명령을 실행해 브라우저 서비스를 시작하세요:
실행이 완료되면 Ionic은 자동으로 기본 브라우저를 열고 애플리케이션 페이지로 이동하도록 도와줍니다. 브라우저가 페이지를 열면 Ionic이 라이브리로드 모드를 켜고 있습니다. 열면 www 아래에서 파일을 편집하고 저장합니다. Ionic은 웹소켓을 통해 페이지를 새로고침하라는 알림을 브라우저에 보냅니다.변경할 때마다 페이지를 수동으로 새로고침할 필요가 없습니다그리고 업무 효율성을 크게 향상시켰습니다.
아래에 나와 있습니다:
|
게시됨 2018. 6. 19. 오후 3:07:03
|
|
|
|
