webstorm-svelte-clone

Work in progress

Todo

• Complete the TODO
• UI
  • Dark and light theme
• Menu
  • Right click menu
• File tree
  • Folder and files architecture
  • Open/Close folder on click
  • Open file on dblclick
  • File icons
  • Resizable
  • Expand / Collapse all
  • Select opened file
  • Hide
• Editor
  • Load file content
  • Code Editor (readonly)
  • Mardown preview
  • Tabs
    • Open / Close
    • Drag and drop
    • Multiline
    • Auto close
  • Image Editor
    • Display centered Image
    • Toolbar
      • Show chessboard
      • Show grid
      • Zoom in/out/reset/fit
      • Color picker
• Breadcrumb
  • Display opened file path
  • Clickable folders

Developing

Once you've installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.