简介
@maslick/brauzie 是一个轻量级的前端工具，可以通过浏览器扩展快速生成预设页面，并且可以自定义一些基础组件和样式，方便前端开发人员快速迭代和搭建页面。
使用步骤
第一步 安装
使用 npm 安装 @maslick/brauzie 。
npm install @maslick/brauzie
第二步 引入
在你的 HTML 文件头部引入 brauzie.js 文件。
<script src="./node_modules/@maslick/brauzie/brauzie.js"></script>
第三步 初始化
在你的 JavaScript 文件中初始化 Brauzie ，并且在配置中添加你需要的基础组件和样式。
-- -------------------- ---- -------
--------------
----------- -
--------- - ----- ------------------------- --
-------- - ----- ------- ----------- --- -
--
------- -
--------- ----- - ----------------- -------- ------ ----- ---
-------- ------- - ------- --- ----- ----- -------- ----- --
-
---第四步 使用
在 HTML 的 body 标签中添加一个容器元素，然后在 JavaScript 中使用 brauzie.create() 方法生成页面。
<body> <div id="container"></div> </body>
var container = document.getElementById('container');
container.innerHTML = Brauzie.create('button') + Brauzie.create('input');示例代码
-- -------------------- ---- ------- --------- ----- ------ ------ ------------------------ ------------ ----- -- ---------- -- --- -------- ---------------------------------------------------------- ------- ------ ----- ------ --- ----- --------------------- --------- ---- --- ------- ---------------- -------------- - ------------- - ----- -------- ---------------------------- -- ------------ - ----- ------- ----------- ---------------- ----- ---------- - ------------- ----- - ----------------- -------- ------ ----- --- ------------ ------- - ------- --- ----- ----- -------- ----- -- ---- ----- ---- -- ------- ------ ----- --------- - ------------------------------------- --------------------- - ------------------------ - ------------------------ ---------- ------- -------
指导意义
@maslick/brauzie 可以在一定程度上提高前端开发的效率，特别是项目需要快速迭代和搭建页面时，使用 Brauzie 可以避免开发人员重复编写相同的基础 HTML 和 CSS 代码。同时使用 Brauzie 也可以规范和统一项目的样式和组件库，方便后期维护和管理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006733d890c4f727758357a