Activiti7入门 ---Node的配置、安装、汉化

野性酷女 2024-02-20 09:36 31阅读 0赞

**1.安装：node**

![e9427b7face94945809d742b2a945306.png][]

**安装都是一直下一步知道成功，我这里选择了c盘。**

![317677f6fca84e72a3acc785878c56fb.png][]

**安装后需要系统自动创建文件和目录：**

**给予权限：(有人需要，这是c盘的保护机制，当然有人不安在c盘就不需要)**

![4b2e9cada15a45539d618513aa517f4b.png][]

**安装好后创建2个目录（在你的安装目录）**

**node\_cache:作为缓存路径**

**node\_global:作为全模块所在路径**

![70aa0c5ce39441db8813ef9631dcc322.png][]

进入命令案板cmd**修改配置默认地址：**

npm config set prefix "C:\\Program Files\\nodejs\\node\_global"

npm config set cache "C:\\Program Files\\nodejs\\node\_cache"

**nmp config ls 查看一下**

![0acd0d661aaa4c9d857e0f57da84908e.png][]

**2.环境变量配置：**

系统变量直接添加：位置是你直接安装目录位置

![fc85eb038042436bb454dd76ec91a129.png][]

**进入path添加**

![59fd5b6c0e6a4346975bad1087da6ce8.png][]

![f879838920794df58ca473d8d5ae3b8b.png][]

**测试nodejs安装情况**

![6d5b941659a64cec8200e499bbbc25b7.png][]

**3.修改镜像：**

**查看nmp镜像：npm config get registry**

**修改：npm config set registry https://registry.npm.taobao.org/**

**修改成使用淘宝镜像下载[https://registry.npm.taobao.org][https_registry.npm.taobao.org]**

4.**下载和配置BPMNJS插件**

**https://bpmn.io/**

![8d774ecfefcc4ba0941d0e8c787e5249.png][]

![3a1c93f66a9949c7a8ff22692617b4d9.png][]

#### 直接解压下载的bpmnjs的，并进入到目录中 ####

![f5a56aec8a8d4f79abc38cc6ba1598cc.png][]

#### 进入到properties-panel目录中 ####

![07797e3cd5204ba1ae9510b96c4aeb5b.png][]

#### 在当前目录中打开cmd命令窗口 ####

**在上面的地址栏中直接输入cmd,点击enter键后，会自动的进入cmd.**

![bfe88ba6ef5a4d4e9f257f0bb8013cf9.png][]

#### 在cmd命令行中执行npm install初始化bpmnjs ####

**【执行命令效果如下】**

![c9a9f710add94132b1e26178bc2362e9.png][]

**【执行成功后，在propertis-panel目录中产生新的目录】**

![c50ff4452b7c4ee1ae0e0aad57462ad2.png][]

#### 在cmd命令行中执行npm run dev命令 ####

**命令成功后会直接通过浏览器弹出bpmnjs插件画图工具**

**默认的访问地址是：http://localhost:9013/**![92fc1a09f7904a70b971e447085e6372.png][]

#### 执行后效果如下 ####

**点击create a new diagram创建流程图**

![777147edd702401e88c9e30dc44df0ab.png][]

![08f12229febb4289a98bd4555ca958c8.png][] **BPMNJS插件汉化**

**在该目录中创建changelanguage文件夹**

![4355c90350694d219de98ddd794e90fb.png][]

#### 将汉化文件放到changelanguage目录中 ####

![c32325eed5e84776beaba3044cef6bca.png][]

![d319ad4b4a3b44fc9172f7fe5b723f57.png][]

#### 修改默认的配置信息 ####

**修改配置主要是修改index.js文件中的默认加载项，将加载项换成是我们刚才拷贝的配置西信息。**

**【修改默认的配置信息1】**

**打开properties-panel/app/index.js配置文件**

**注释以下内容：**

**import propertiesProviderModule from 'bpmn-js-properties-panel/lib/provider/camunda';**

**import camundaModdleDescriptor from 'camunda-bpmn-moddle/resources/camunda.json';**

**替换成：**

**import propertiesProviderModule from '../changelanguage/properties-panel/provider/activiti';**

**import activitiModdleDescriptor from '../changelanguage/activiti.json';**

**import customTranslate from '../changelanguage/customTranslate/customTranslate';**

**import customControlsModule from '../changelanguage/customControls';**

**【修改默认配置信息2】**

**注意以下内容：**

**var bpmnModeler = new BpmnModeler(\{**

**container: canvas,**

**propertiesPanel: \{**

**parent: '\#js-properties-panel'**

**\},**

**additionalModules: \[**

**propertiesPanelModule,**

**propertiesProviderModule**

**\],**

**moddleExtensions: \{**

**camunda: camundaModdleDescriptor**

**\}**

**\});**

**替换成：**

**var customTranslateModule = \{**

**translate: \['value', customTranslate\]**

**\};**

**var bpmnModeler = new BpmnModeler(\{**

**container: canvas,**

**propertiesPanel: \{**

**parent: '\#js-properties-panel'**

**\},**

**additionalModules: \[**

**propertiesPanelModule,**

**propertiesProviderModule,**

**customControlsModule,**

**customTranslateModule**

**\],**

**moddleExtensions: \{**

**activiti:activitiModdleDescriptor**

**\}**

**\});**

#### 在properties-panel目录中打开cmd重新执行命令 ####

**在cmd窗口中重新执行npm install 和 npm run dev两个命令**![d0c35de3e34e4b90a06ba8b5320ccecc.png][]

#### 成功执行后效果如下 ####

**汉化结束**

![e96c6cf1a75e4c37a2403f2f449bcf67.png][]

[e9427b7face94945809d742b2a945306.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/47ba28fbeb444285b16fc1cf73f6368a.png
[317677f6fca84e72a3acc785878c56fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/79e72a601c804419b2089d467cb4ace7.png
[4b2e9cada15a45539d618513aa517f4b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ff8b53d32f68426fb8b6049221e27b09.png
[70aa0c5ce39441db8813ef9631dcc322.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/2c67478de3a14da1b3e4e95d3c4abbd9.png
[0acd0d661aaa4c9d857e0f57da84908e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c8490589e2a845079479f1d86b1582ca.png
[fc85eb038042436bb454dd76ec91a129.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/02a30b76574f465bac1d033fbaab6751.png
[59fd5b6c0e6a4346975bad1087da6ce8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/5c7f658efef6484da5e98934614b0a7b.png
[f879838920794df58ca473d8d5ae3b8b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/6d6e5c71a802446ea03ac3f056668825.png
[6d5b941659a64cec8200e499bbbc25b7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/13cc6754dccb4319ac9cca6da76d2cd1.png
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org
[8d774ecfefcc4ba0941d0e8c787e5249.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/f4c47439cd3c4f7b8d2d3e7a21bc35bf.png
[3a1c93f66a9949c7a8ff22692617b4d9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/3e50688f921046af9883d52cde56180f.png
[f5a56aec8a8d4f79abc38cc6ba1598cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a456f8bed8c0418a99f123aab653d48f.png
[07797e3cd5204ba1ae9510b96c4aeb5b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/e861a4c2d5234e87bef9ca60cfc4664e.png
[bfe88ba6ef5a4d4e9f257f0bb8013cf9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/e9aedaa6968048429debdd990607fe66.png
[c9a9f710add94132b1e26178bc2362e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/52771e485dfd454f9aea455a2a3dd7a5.png
[c50ff4452b7c4ee1ae0e0aad57462ad2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/90e9104d3c2c44a4859526a896781101.png
[92fc1a09f7904a70b971e447085e6372.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a1208f179a9445e39b98e930c57b1dc0.png
[777147edd702401e88c9e30dc44df0ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/fed0a38aad764b829a646cab9d8c0d16.png
[08f12229febb4289a98bd4555ca958c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/62d91d10e96f4564bbd80d7ad6b1fdd8.png
[4355c90350694d219de98ddd794e90fb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/37d23255d86544b2b4f911ea0a2d069f.png
[c32325eed5e84776beaba3044cef6bca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c80785c9ecab41d4892164f9315f9402.png
[d319ad4b4a3b44fc9172f7fe5b723f57.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/1f677d0edb574d4fbba40bd7af5b3fcc.png
[d0c35de3e34e4b90a06ba8b5320ccecc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/32ee02bbcfb94535a0a7c8380f5b72fd.png
[e96c6cf1a75e4c37a2403f2f449bcf67.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/30c2365054854020adc175bea87db48c.png