3、使用NW.js创建文件资源管理器：规划、设计与开发

使用NW.js创建文件资源管理器：规划、设计与开发

1. 命名约定

在开发中，我们会用到BEM命名约定。例如，若要突出列表中的一篇文章，我们会给块的类添加修饰符，像这样：

<article class="post post--responded">
    <!-- 文章内容 -->
</article>

一开始，包含双破折号和下划线的类名可能会让人头晕，但很快你就会习惯。BEM命名约定通过显示缩进，能显著帮助开发者。当阅读自己或他人的代码时，通过类名就能快速明白其用途。

此外，我们还会借鉴Pragmatic CSS风格指南的一些思路。对于表示全局状态的类，我们会以 is- 和 has- 作为前缀（例如 is-hidden 和 has-error ）；与布局相关的类，我们会以 l- 作为前缀（例如 l-app ）。最后，我们会将所有CSS文件合并到两个文件夹（ Component 和 Base ）中。

2. 定义基础规则

首先，我们要创建一个 Base 目录，并将重置样式放在其中，文件路径为 ./assets/css/Base/base.css ，代码如下：