Bentley Communities
Bentley Communities
  • Site
  • User
  • Site
  • Search
  • User
  • Welcome
  • Products
  • Support
  • About
  • More
  • Cancel
中国BDN社区
  • Welcome to Bentley Communities
  • Bentley's Communities
  • 中国BDN社区
  • More
  • Cancel
中国BDN社区
中国BDN社区-威客 iModel.js 样例项目配置与运行
    • Sign in
    • 中国BDN社区-威客
    • -iTwin.js编程
      • iModel.js Front-End简介
      • iModel.js 样例项目配置与运行
      • iModel.js.UI开发基本介绍
      • iModel.js前端统一选择一致性机制
      • iModel.js基本查询
      • iModel.js若干前端功能开发样例
      • imodel图形显示简单介绍
      • iModel文件的合并等操作
      • Redux基本使用
      • simple-viewer-app源码简单分析
      • TypeScript基本介绍及环境配置
      • 下载视口截图
      • 关于imodel测量单位的转换
      • 关于如何导入与导出imodel中schema文件
      • 基于PresentationRules个性化显示iModel的内容
      • 如何在视窗内添加自定义装饰
      • 如何将2个bim中的图形模型显示在一个视图中
      • 用户选择保存感兴趣的视图
    • +MicroStation CONNECT版SDK的新变化
    • +MicroStation编程技巧
    • +OpenRoads中国版平台开发指南
    • +ORD SDK二次开发编程
    • +一步步学习ABD-CE开发
    • +一步步学习MicroStation CE Addin开发
    • 一步步学习MicroStation CE MDL开发
    • +一步步学习ProjectWise编程
    • 中国优先社区二次开发精华帖汇总
    • +学习Microstation交互式工具开发
    • +过期帖,留存仅供参考
    • +非Bentley社区分享的文章
    • C#、C/C++相关的编程知识汇总

     
     Questions about this article, topic, or product? Click here. 

    iModel.js 样例项目配置与运行

    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://communities.bentley.com/communities/other_communities/chinafirst/w/chinawiki/45153/github-simple-viewer-app

     

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

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

    npm config get registry 或 npm info express

    • Share
    • History
    • More
    • Cancel
    • Devin Liu Created by Bentley Colleague Devin Liu
    • When: Sun, Aug 16 2020 11:44 PM
    • Devin Liu Last revision by Bentley Colleague Devin Liu
    • When: Wed, Aug 19 2020 7:45 PM
    • Revisions: 6
    • Comments: 0
    Recommended
    Related
    Communities
    • Home
    • Getting Started
    • Community Central
    • Products
    • Support
    • Secure File Upload
    • Feedback
    Support and Services
    • Home
    • Product Support
    • Downloads
    • Subscription Services Portal
    Training and Learning
    • Home
    • About Bentley Institute
    • My Learning History
    • Reference Books
    Social Media
    •    LinkedIn
    •    Facebook
    •    Twitter
    •    YouTube
    •    RSS Feed
    •    Email

    © 2022 Bentley Systems, Incorporated  |  Contact Us  |  Privacy |  Terms of Use  |  Cookies