当前位置:   article > 正文

OHIF记录(一)——开始

ohif

OHIF记录(一)——开始

先去OHIF官网给出的github上,把源码拷贝到自己本地

OHIF官网:https://ohif.org/
对应GitHub源码连接:https://github.com/OHIF/Viewers
当然也可以在官网上点击GitHub进入:
在这里插入图片描述
进入官网后,点击绿色Code图标,选择Download ZIP将源码下载到本地并保存到自己喜欢的路径。

在打开OHIF之前,需要安装一些其他的辅助工具。

  1. OHIF是一个专注于前端界面的框架,那么Node.js和NPM这两个工具一定要有。
    Node.js可以去官网下载安装:https://nodejs.org/en/download/
    安装完Node.js后会自动安装好NPM,具体配置步骤可以参考官网或者网上其他关于Node.js和NPM的技术博客。
  2. 还需要一个相较于NPM更为新一点的包管理工具:Yarn,直接用NPM的命令就可以安装Yarn。
    npm install -g yarn
    注意,一定要加上参数-g,g是global的首字母,表示全局安装。

Tips:如果想要确认一个工具是否成功安装,可以通过查看版本号的办法,如果能成功显示版本号,那么表示已经安装(这个办法适用于绝大部分包和软件),举个例子:yarn -v查看yarn的版本号。

  1. 在配置文件里启用Yarn的工作环境
    命令:yarn config set workspaces-experimental true

准备工具都安装完成之后,就可以尝试着打开框架了。还记得之前下载的源码吗?解压到本地文件夹,并试用终端命令行进入对应的文件夹。打开文件夹,有一个名叫package.json文件,这个文件非常重要。
执行yarn install命令,这个命令的作用是按照package.json的所有包,也就是打开OHIF框架所需要的全部依赖包。打开package.json文件可以看到dependencies和devDependencies对象里边包含了非常多的包名,这些包就是需要安装的依赖包。
安装好之后执行yarn run dev,命令行出现这样的字样并且浏览器能够访问localhost:3000,则表示运行成功了。
在这里插入图片描述
在这里插入图片描述

如果细心观察就可以看到,在package.json文件中scripts对象有一个属性,其属性值是
lerna run dev:viewer --stream,这串字符在命令行中也出现了,因此可以知道命令行运行yarn run … 命令时候,会优先到package.json文件中找相关的命令。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/689756
推荐阅读
相关标签
  

闽ICP备14008679号