iModel.js样例程序环境安装与配置

环境

Node.js 12.x LTS version

Typescript 3.7x

Git

推荐使用IDE  Visual Studio Code

注册

注册APP

https://www.imodeljs.org/getting-started/registration-dashboard?tab=0

（需要注册并使用bentley账号）

第一步：

第二步:

第三步:

第四步:

注册成功之后会收到这样的一个邮件。

注册iModel

https://www.imodeljs.org/getting-started/registration-dashboard?tab=1

（需要注册并使用bentley账号）

第一步:

第二步:

第三步:

注册成功之后会收到这样的一个邮件。

 

下载代码并运行

下载代码

git clone git@github.com:imodeljs/imodeljs-samples.git

 

此下载文件中包含3个样例项目:

样例项目	描述
basic-viewport-app	基本视口应用。
ninezone-sample-app	基于bentley 9格UI风格的样例。
simple-viewer-app	基本的imodel预览应用。

 

配置

进入下载文件的根目录:

依次执行以下命令安装rush以及样例依赖包:

npm install -g @microsoft/rush

rush install

 

安装完毕之后执行:

cd interactive-app/simple-viewer-app

在此，我们以simple-vierwer-app为例，其他样例项目类似，在此不再重复。

然后执行code . 使用vscode打开simple-viewer-app项目。

然后打开.env.local进行编辑:

将红色线框勾选出的地方填写刚才注册所收到的邮件信息，如下所示:

 

填写完毕

开始编译并启动：

npm run build

npm run start

 

在本地谷歌浏览器输入 http://localhost:3000/

出现

然后点击Open Sample iModel，即可加载并显示出iModel，如下所示:

补充

若因网络缘故，无法使用rush 安装依赖，可配置cnpm，使用cnpm install单独为每个样例项目安装依赖包。

可参考之前的方法：

https://bentleysystems.service-now.com/community?id=kb_article_view&sysparm_article=KB0096263

 

npm config set registry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否成功

npm config get registry 或 npm info express