[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,參考上述的第一種場景——(**未工程化前端項目**)。