用Electron开发一个文件浏览器（一）

首先先看看这个文件浏览器长什么样子

然后上Github地址，源码都在这上面。

必须得说明的是，这个应用是看着《跨平台桌面应用开发–Electron与NW.js》来写的，这是书上的一个例子。不过因为书上更多侧重于演示，所以并不完善（当然我的代码也远说不上完善，目前只是补充了几个功能）。

文件浏览器打开时默认显示的是home目录。所以需要获取home目录路径。通过引入osenv模块便可实现。

function getUserHomeFolder(){
   
    return osenv.home();
}

home目录的路径是获取到了，那怎么让它显示在工具栏上呢？说实话，我脑海中的第一个想法是修改对应DOM节点的innerText属性。可是后来我才发现，原来可以在网页中直接调用Node.js的代码。

<section id='current-folder'>
    <script>
        document.write(getUserHomeFolder());