简介
typeplate-starter-kit 是一个基于 Typeplate 的前端开发起点，可以帮助开发者快速搭建自己的网站。
Typeplate 是一种设计系统，在现代 web 设计中提供了一个强大的、整合化的基础。Typeplate 带有许多 CSS 和 HTML 模板，用来构建你的下一个响应式网站。
安装
安装 typeplate-starter-kit 很简单。首先，在终端中进入你的项目文件夹，然后执行以下命令：
npm install typeplate-starter-kit
这将会将 typeplate-starter-kit 下载到你的项目文件夹的 node_modules 目录中。
用法
引用
要使用 typeplate-starter-kit，你需要在你的 HTML 文件中引用它。你可以手动下载 typeplate-starter-kit，或者从 node_modules 目录中引用。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------------
----- ---------------- ---------------------------------------------------------------------
-------
------
---- ---- ------- ---- ---
-------
-------自定义
如果你想要使用 typeplate-starter-kit 中的样式，但是你不喜欢其中的某些样式，你可以自定义它们：
- 创建一个新的 .css 文件，并且将它引入到你的 HTML 文件中。
- 在你的新 .css 文件中覆盖 typeplate-starter-kit 中的样式。
例如，如果你想要改变默认的字体大小：
body {
font-size: 18px;
}示例代码
下面是一个简单的例子，使用 typeplate-starter-kit 创建一个响应式网站。这个例子展示了如何使用 typeplate-starter-kit 的基本布局和网格系统。
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
--------- ---------------
----- ---------------- ---------------------------------------------------------------------
-------
---------- -
---------- ------
------- - -----
-------- - -----
-
---- -
-------- -----
---------- -----
------- ------
-
---- -
----- --
------- -----
-
------ ----------- ------ -
---- -
----------- ----
-
-
------ ----------- ------ -
---- -
----------- --------
-
-
--------
-------
------
---- ------------------
---- ------------
---- ------------
---------- ------
-------- ----- ----- --- ----- ----------- ---------- ---------
------
---- ------------
---------- ------
-------- ----- ----- --- ----- ----------- ---------- ---------
------
---- ------------
---------- ------
-------- ----- ----- --- ----- ----------- ---------- ---------
------
------
------
-------
-------结论
typeplate-starter-kit 是一个非常有用的工具，可以帮助开发者快速构建他们的网站。它提供了一系列的 CSS 和 HTML 模板，可以帮助你快速创建响应式网站。同时也可以通过自定义样式来满足更多个性化需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36003