添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
Skip to main content
Version: 2.0-deprecated

Getting Started

Setup

Fork & Clone

If you intend to contribute back changes, or if you would like to pull updates we make to the OHIF Viewer, then follow these steps:

  • Fork the OHIF/Viewers repository
  • Create a local clone of your fork
  • git clone https://github.com/YOUR-USERNAME/Viewers
  • Add OHIF/Viewers as a remote repository labeled upstream
  • Navigate to the cloned project's directory
  • git remote add upstream https://github.com/OHIF/Viewers.git
  • With this setup, you can now sync your fork to keep it up-to-date with the upstream (original) repository. This is called a "Triangular Workflow" and is common for Open Source projects. The GitHub blog has a good graphic that illustrates this setup .

    Private

    Alternatively, if you intend to use the OHIF Viewer as a starting point, and you aren't as concerned with syncing updates, then follow these steps:

  • Navigate to the OHIF/Viewers repository
  • Click Clone or download , and then Download ZIP
  • Use the contents of the .zip file as a starting point for your viewer
  • NOTE: It is still possible to sync changes using this approach. However, submitting pull requests for fixes and features are best done with the separate, forked repository setup described in "Fork & Clone"

    Developing

    Requirements

  • Node.js & NPM
  • Yarn workspaces should be enabled:
  • yarn config set workspaces-experimental true
  • Kick the tires

    Navigate to the root of the project's directory in your terminal and run the following commands:

    # Restore dependencies
    yarn install

    # Start local development server
    yarn run dev

    You should see the following output:

    @ohif/viewer: i 「wds」: Project is running at http://localhost:3000/
    @ohif/viewer: i 「wds」: webpack output is served from /
    @ohif/viewer: i 「wds」: Content not from webpack is served from D:\code\ohif\Viewers\platform\viewer
    @ohif/viewer: i 「wds」: 404s will fallback to /index.html

    # And a list of all generated files

    🎉 Celebrate 🎉

    Building for Production

    More comprehensive guides for building and publishing can be found in our deployment docs

    # Build static assets to host a PWA
    yarn run build

    Troubleshooting

  • If you receive a "No Studies Found" message and do not see your studies, try changing the Study Date filters to a wider range.
  • If you see a 'Loading' message which never resolves, check your browser JavaScript console inside the Developer Tools to identify any errors.
  •