在本主题▼
添加引用和设置许可证- Vue JS
本教程将展示如何在Vue.JS应用程序中添加LEADTOOLS引用并设置LEADTOOLS运行时许可。在使用SDK的任何功能之前，必须设置有效的运行时许可。有关如何获得运行时许可证的说明，请参阅获取License．
| 概述 | |
|---|---|
| 总结 | 本教程演示如何设置Vue.JS项目，并使用LEADTOOLS SDK设置您的LEADTOOLS运行时许可证。 |
| 完成时间 | 15分钟 |
| Visual Studio项目 | 下载教程项目(17kb) |
| 平台 | Vue JS Web应用程序 |
| IDE | Visual Studio代码-客户端 |
| 开发许可 | 下载LEADTOOLS |
| 用另一种语言试试 |
|
所需的知识
本教程将使用Visual Studio Code和Node.js，因此请确保在您的机器上安装了这些代码。
创建项目
如果在Windows上工作，则打开PowerShell或CommandPrompt。如果在基于Unix的系统上工作，则打开一个新终端。使用以下命令更改目录cd到要创建项目的位置。运行以下命令创建一个新的Vue.JS应用程序:
NPM init vue@latest leadtools-getting-started
添加License文件
导航到公共文件夹内的新创建leadtools-getting-started文件夹，并创建一个LEADTOOLS文件夹中。此文件夹将保存通过电子邮件发送的两个JavaScript许可文件:LEADTOOLS.lic.txt而且LEADTOOLS.lic.key.txt．
添加LEADTOOLS依赖项
为了利用LEADTOOLS组件，需要将LEADTOOLS JavaScript库添加到应用程序中。创建一个名为常见的在公共文件夹中。
在SDK安装中导航到JS库路径< InstallDir > \ Bin \ JS \和复制Leadtools.js到常见的文件夹中。
添加已设置的License Code
中创建一个JS文件常见的在上面步骤中创建的文件夹，并命名它app.js．这是将添加LEADTOOLS集许可调用的地方。在文本编辑器(如Visual Studio Code)中打开此文件，并添加下面的代码。
窗口。onload =函数() {varlicenseUrl =”。/ Leadtools / LEADTOOLS.lic.txt”；vardeveloperKey =添加你的LEADTOOLS.lic.key.txt文件的内容；lt.RasterSupport。setLicenseUri (licenseUrl developerKey,函数(setLicenseResult) {//查看license状态如果(setLicenseResult.result) {console.log ("LEADTOOLS客户端许可证设置成功"）;｝其他的｛var味精=“LEADTOOLS许可证丢失，无效或过期\nError:\n”；console.log(味精);警报(味精);｝})；｝
请注意
的值进行替换
developerKey包含许可密钥TXT文件内容的字符串。
导入LEADTOOLS依赖项
开放index . html在公共文件夹中。控件中添加以下必要的脚本标记< >头导入LEADTOOLS依赖项。
还要导入我们创建的JS文件。
<脚本src = " /共同/ Leadtools.js "></脚本><脚本src = " /共同/ app.js "></脚本>
运行项目
打开用于在Vue.JS项目的根目录中创建Vue.JS应用程序的命令行应用程序。运行npm安装命令安装所需的依赖项。
接下来，运行运行开发命令在本地主机上运行应用程序。打开本地主机链接，然后按F12调出控制台并查看已经设置了LEADTOOLS许可证。
总结
本教程展示了如何在Vue.JS应用程序中设置客户端LEADTOOLS许可。
