apollo-client-devtools

(★ 1,528)

Apollo Client browser developer tools.

파일 탐색기

최종 버전 다운로드 (.zip)

- config.json
- errorcodes.md
- README.md
- config.yml
- - bug_report.md
  - config.yml
- - build-pr.yml
  - fetch-access-token.yml
  - issue-close-user-survey.yml
  - publish-pr-releases.yml
  - relative-ci.yaml
  - release.yml
  - update-errorcodes.yml
- settings.json
- .gitignore
- encode-errorcodes.mjs
- errorcodes.json
- package.jq
- package.json
- restore-errorcodes.mjs
- apollo-wordmark.svg
- devtools-screenshot.jpg
- - .env
  - index.html
  - package-lock.json
  - package.json
  - tsconfig.json
  - vite.config.ts
- - angular.json
  - package-lock.json
  - package.json
  - README.md
  - tsconfig.json
- - .eslintrc.js
  - db.js
  - hexToRGB.js
  - index.js
  - package-lock.json
  - package.json
  - rgbToHex.js
- - diff.ts
- graphqlTransform.js
- polyfills.ts
- - .gitignore
  - .npmignore
  - CHANGELOG.md
  - package.json
- - .gitignore
  - .npmignore
  - CHANGELOG.md
  - package.json
  - README.md
- - npm
- - graphql.d.ts
  - reset.d.ts
  - svg.d.ts
- - fileMock.js
  - noop.js
  - styleMock.js
- - App.tsx
  - fragmentRegistry.ts
  - globals.d.ts
  - index.html
  - index.tsx
  - localSchema.graphql
  - possibleTypes.json
  - schema.ts
  - theme.ts
- - actor.ts
  - errorMessages.ts
  - errors.ts
  - errorSerialization.ts
  - messageAdapters.ts
  - messages.ts
  - rpc.ts
- - testMessageAdapter.ts
- - createId.ts
  - getOperationDefinition.ts
  - graphql.ts
  - isPlainObject.ts
- privateAccess.ts
- types.ts
.eslintignore
.git-blame-ignore-revs
.gitignore
.npmignore
.npmrc
.prettierignore
.prettierrc
.semgrepignore
babel.config.cjs
build.ts
CHANGELOG.md
codegen.ts
CODEOWNERS
CONTRIBUTING.md
eslint.config.js
index.js
jest.config.js
LICENSE
package-lock.json
package.json
postcss.config.js
README.md
renovate.json
tailwind.config.ts
test.setup.ts
tsconfig.build.json
tsconfig.json
webpack.config.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/apollographql/apollo-client-devtools

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd apollo-client-devtools

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

> npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

> npm run build -- --env TARGET=chrome

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

> npm run build -- --env TARGET=firefox

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

> npm run dist:chrome

이 명령어를 터미널에 그대로 입력해 실행하세요.

> npm run dist:firefox

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.