Reactide 사용 시도
그중에 동료한테 Reactide 어때요?그래서 알아봤는데 좀 썼어요.
Reactide: 공식
환경: Ubuntu18.04
설치 방법은 공식적입니다.
우선,git clone.
이후 정식 절차(아래)에 따라 진행한다.
순조로워 보이지만 몇 가지 요점이 있습니다.
단계
git checkout 3.0-release
npm install
npm run webpack-production
npm run electron-packager
내장 포인트 1
npm run webpack-production
오류로 인해 웹 팩이 실패했습니다.error
Error: Cannot find module 'monaco-editor\esm\vs\editor\contrib\gotoSymbol\goToCo
mmands'
issue로도 올라간 것 같아요. 거기에 해결 방법이 실렸어요.공식 issue
clone의 packege.수정하다
package.json
"monaco-editor": "^0.14.3",
"monaco-editor-webpack-plugin": "^1.5.4",
↓처럼 수정↑package.json
"monaco-editor": "~0.14.3",
"monaco-editor-webpack-plugin": "~1.5.4",
내장 포인트 2
electron-packager
error12 info lifecycle [email protected]~electron-packager: Failed to exec electron-packager script
13 verbose stack Error: [email protected] electron-packager: `electron-packager . --overwrite --platform=darwin --arch=x64 --icon=/Users/ep/Codesmith/reactide/icons/icon.png --prune=true --out=release-builds`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:198:13)
13 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:198:13)
13 verbose stack at maybeClose (internal/child_process.js:982:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:259:5)
14 verbose pkgid [email protected]
읽기 오류 시 출력은 --platform=darwin
입니다.이 스크립트는 MacOS용???
그래서 패키지.json의 다음 부분을 수정합니다.
package.json
"electron-packager": "electron-packager . --overwrite --platform=darwin --arch=x64 --icon=/Users/ep/Codesmith/reactide/icons/icon.png --prune=true --out=release-builds"
↑ 를 ↓ 로 수정package.json
"electron-packager": "electron-packager . --overwrite --platform=linux --arch=x64 --icon=/Users/ep/Codesmith/reactide/icons/icon.png --prune=true --out=release-builds"
--platform=darwin
~ --platform=linux
이렇게 해서 모든 명령이 통과되었다.복습이지만
Reactide의clone 폴더 만들기
git clone
clone의 폴더, 패키지에 들어갑니다.두 개의 json(Ubuntu) 수정
다음 명령을 수행합니다.
npm install
npm run webpack-production
npm run electron-packager
완료되면 Release-builds > Reactide-linux-x64 바로 아래에 Reactide라는 실행 파일이 생성되어 실행됩니다.
실행하면 이런 화면이 표시됩니다.
그럼 제가 개발할게요.
먼저 File > New Project에서 프로젝트를 만듭니다.
※ 반했습니다. 하지만 Ubuntu로 프로젝트를 만들 때 기존 폴더를 지정하면 만들 수 없습니다.패널 상단의 입력 영역에 새 항목 이름을 입력하여 폴더를 만들어야 합니다.
프로젝트 생성이 완료되면 다른 자술 파일이 시작되지만 잃어버릴 수 있습니다.
만든 후, 프로젝트에 수중의 원본을 삽입해서 이동해 보십시오.
실행 방법은 다른 것과 기본적으로 같다.
터미널 열기
command
npm start
이후 브라우저로 연결http://3000
정도.그럼 사용해 본 소감
앞으로를 기대하다.
※ terminal과 시뮬레이터를 시작하는 것은 오른쪽에 있는 아이콘들입니다.
때때로 나는 프로젝트의 진전을 보러 가고 싶다.
Reference
이 문제에 관하여(Reactide 사용 시도), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/shihou22/items/4707af6bcbf52d445604텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)