2
처음부터 Onsen UI 2 + React + Redux + Cordova 응용 프로그램을 만드는 방법에 대한 단계별 지침이 있습니까?Cordova + Onsen + React를 사용한 초기 프로젝트 설정을위한 단계별 지침서
많은 가이드가 있지만 초기 프로젝트 설정에 대해 거의 알려주지 않고 있습니다. npm 패키지를 설치할 방법과 방법은 거의 없습니다. 프로젝트를 만드는 방법, 구조를 구성하는 방법, CSS가가는 곳, 논리가 어디로 가는가 등.
지난 한 주 동안 나는 Onsen and React에 관한 많은 기사와 튜토리얼을 읽었습니다. 그러나 나는이 모든 것들이 어떻게 실제 프로젝트에서 함께 작동하는지 명확하게 이해하지 못하고있다. 나는 기초가 부족하다.
단계를 안내하여 작은 단계처럼:
- 사용 NPM과 다음 패키지를 설치 ...
- 이 패키지는 이것과이 작업을 수행하고 당신이 그처럼 구성해야 ...
- Cordova + Onsen + React + Redux를 사용할 프로젝트를 생성하려면 Babel과 WebPack을 사용해야합니다.이 파일을 다음과 같이 구성해야합니다 ...
- 계획! 좋은! 이제 cordova를 사용하여 응용 프로그램을 초기화하는 올바른 방법이 있습니다 ... (초기화해야하는 방법을 이해할 수 없기 때문에 ... Cordova onDeviceReady 또는 ons.onReady 또는 다른 것을 사용해야합니까?)
- 그런 식으로 프로젝트를 구성해야합니다 ... 이점은 다음과 같은 이점을 가져 오기 때문에 ...
- 당신을 도울 수 있고 당신의 인생을 더 쉽게 만들어 줄 수있는 몇 가지 추가 라이브러리가 있습니다 ...
- 다음은 유용한 프로젝트의 예입니다. 올바른 앱 초기화, 멋진 구조, 상점 및 비동기 웹 서비스와 함께 작업하는 코드를 모두 볼 수있는 코드 ...
누군가가 무엇을 알면 아니면이 가이드를 만들 수 있습니까?
을 도움이 될 것입니다 : // github.com/monaca-templates/onsenui-v2-react-minimum 그러나 여전히 'monaca preview'는 Cordova 플러그인 (cordova.js)에 액세스 할 수 없습니다. 그래서 React + App의 CreateArea와 같은 다른 React + Webpack 보일러 판을 사용하는 것의 이점을 실제로 이해하지 못합니다. 당신이 이것을 지원합니까? – Grsmto
미리보기는 기본적으로 webpack-dev-server를 실행하므로 코드바 (코드 바 실행 자체로 추가됨)가 없습니다. 이것이 미리보기라는 이름입니다 (UI가 실행되는 것을 볼 수 있습니다). 나의 레포는 당신이 묘사 한 것인데, React + Webpack의 상용구입니다. React Create App과 같은 점은 Onsen UI가 있다는 것입니다.불필요한 코드를 추가하고 제어 외부에 캐쉬 된 node_modules를 사용하기 때문에 IDE + 온라인 유료 도구를 사용하지 않는 경우에는 monaca를 사용하지 않는 것이 좋습니다. 많은 패키지가 구식이되거나 사용되지 않습니다. –
cordova로 "미리보기"를 실행하려면 시계 모드에서 webpack을 실행하고 동시에 "cordova 실행 브라우저"를 실행해야합니다. –