ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[TOC] # 使用方法 ## 前言 看此篇文章前,你需要先熟悉官方文档下的API文章和安装文章。 我们一般使用 art-template,有以下几种场景: 1. 未工程化前端项目,HTML中直接 script 引入 art-template 2. 工程化前端项目,使用 require / import 关键字引入 art-template 3. 后端主导项目,art-template 作为渲染模板 ## 未工程化的前端项目 未工程化前端项目,我们直接 script 引入 art-template 即可。 点击[此处](https://aui.github.io/art-template/zh-cn/docs/installation.html),前往官网下载。 ## 已工程化的前端项目 工程化的项目,我们当然是用是 NPM 来管理依赖包。 使用以下命令安装: ``` npm install art-template --save ``` **需要注意:** 引入时,不能直接引入 art-template。 直接引入后续可能会报找不问题出处、莫名其妙的错误,**亲测**。 错误引入示范: ``` import template from "art-template"; ``` 正确引入示范: ``` import template from "art-template/lib/template-web"; ``` ## 后端主导的项目 类似 Java 模板引擎 Thymeleaf,art-template 可能更多地用于 Node 模板引擎。 ### Node项目 Node项目,也是使用 NPM 来管理依赖包。 使用以下命令安装: ``` npm install art-template --save ``` 正确引入示范: ``` const template = require("art-template"); 或 const template = require("art-template/lib/template-web.js"); 均可 ``` ### 非Node后端项目 这个我不太清楚,如未找到其他办法,可在后端模板的HTML中直接 script 引入 art-template,参考上述的第一种场景——(**未工程化前端项目**)。