sandpack-file-explorer

介绍

一个替代Sandpack的FileExplorer的组件，提供更多的功能。

• 支持新增删除文件夹和文件
• 支持拖拽
• 支持文件夹和文件的重命名
• 支持自定义文件图标
• 更小的体积和更简洁的UI

点击查看示例

安装

1npm install sandpack-file-explorer

使用

作为Sandpack的FileExplorer的替代品，您可以以相同的方式使用它

1import {
2  SandpackCodeEditor,
3  SandpackLayout,
4  SandpackPreview,
5  SandpackProvider,
6} from '@codesandbox/sandpack-react'
7import SandpackFileExplorer from '@rainetian/sandpack-file-explorer'
8
9const App = () => {
10  return (
11    <SandpackProvider template='react'>
12      <SandpackLayout>
13        <SandpackFileExplorer/>
14        <SandpackCodeEditor showTabs closableTabs/>
15        <SandpackPreview/>
16      </SandpackLayout>
17    </SandpackProvider>
18  )
19}
20export default App
21

Options

Name	Type	Default	Description
readOnly	boolean	false	是否只读

LICENSE

MIT