Reactide 사용 시도

5032 단어 ReactReactide
최근에 나는 React에 들어가서 서버 측 엔지니어에서 전방 엔지니어로 전환하려고 시도하고 있다.
그중에 동료한테 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-packagererror
12 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과 시뮬레이터를 시작하는 것은 오른쪽에 있는 아이콘들입니다.

때때로 나는 프로젝트의 진전을 보러 가고 싶다.

좋은 웹페이지 즐겨찾기