/webstorm-svelte-clone

Primary LanguageSvelte

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.