https://github.com/swifweb/x-livepreview

🖥 Xcode Live Preview extension for SwifWeb
https://github.com/swifweb/x-livepreview

Last synced: 10 months ago
JSON representation

🖥 Xcode Live Preview extension for SwifWeb

• Host: GitHub
• URL: https://github.com/swifweb/x-livepreview
• Owner: swifweb
• License: mit
• Created: 2021-06-24T07:01:11.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-11T16:03:17.000Z (about 2 years ago)
• Last Synced: 2024-06-12T00:06:47.193Z (about 2 years ago)
• Language: Swift
• Homepage:
• Size: 505 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# x-livepreview

🖥 Live Preview extension for Xcode

![screenshot](https://user-images.githubusercontent.com/1272610/123971359-06c38f00-d9cb-11eb-927f-8e24dbaf1e40.jpeg)

_Find latest compiled app in releases or compile it yourself_

- move the app into your `Applications` folder

- run the app so swift icon will be visible near the clock in the top bar

- go to your swifweb project and create empty `Package.xpreview` file in the root folder near the `Package.swift` file

- add new editor in the right (Ctrl+Cmd+T) and open there the `Package.xpreview`

- then click to your left editor and go to any swift file which contains `WebPreview` and press `Cmd+S` there once

On the right side above the swift logo you will see the yellow circle which indicates that live preview is building now, it may take about a minute for the first time since it is compiling the whole project from scratch. Then when it is finished you will see the preview and circle indicator became green.

Later when you made any changes in the file just hit `Cmd+S` to update livepreview.

When you switch to another file just hit `Cmd+S` inside it to see its livepreview.

Congrats, now you can code your swifweb app in beolved Xcode with an awesome livepreview right inside of it and be super productive! 🚀