简介
nornj-cli-legacy 是一款支持 TypeScript、React 及检查器的模板引擎,是 React 和 Vue 的使用体验很相识的解决方案,具有先进的语法和更加快捷的开发体验。
安装
nornj-cli-legacy 可以通过 npm 安装:
--- ------- -- ----------------
基本使用
运行以下命令以生成项目:
----- ----
接下来您可以编辑根目录下的 nornj.config.js 来自定义模板目录和模板引擎:
-------------- - - ----- -------- -- --------- ----------------- -- --------- ---- -- ------------------------ ------------ ------------------ -- ----------- --------- --------- ----------------- -- -------- --------- -
在根目录创建 project.nj 文件来定义组件代码内容:
------ ----- ---- ------- ----- --- ------ -- - -- -- - ----- ----- --- ------ --- ------ - ------ ------- --- ------ --
接下来您可以通过以下方式渲染出组件内容:
----- -- - ------------------------------------------- ---------------------------------------- --------------- ---- -------------- -- -- -- -- --------
案例
下面我们来实现一个简单的登录表单:
------ ------ - -------- - ---- ------- ----- ----- - -- -- - ----- ---------- ------------ - ------------ ----- ---------- ------------ - ------------ ----- -------------------- - ------- -- ------------------------------- ----- -------------------- - ------- -- ------------------------------- ----- ------------ - -- -- ---------------- ------------ --------- ------------- ------ - ----- ----- ------------------------ ------- --------- ------ ----------- ---------------- ------------------------------- -- -------- --- -- ------- --------- ------ --------------- ---------------- ------------------------------- -- -------- --- -- ------- ----------------------------- ------- ------ - - ------ ------- -----
接下来我们可以通过以下方式渲染出组件内容:
----- -- - ------------------------------------------- ---------------------------------------- ----- ----- - --------------------- --------------------- ---- -- -- -- ----- ----
总结
nornj-cli-legacy 是一款强大的模板引擎,支持多种模板引擎类型,且具有十分便利的开发体验与深度的学习指导意义,非常适用于前端开发工作中使用。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/60067356890c4f7277583c44