Create Angular /src using Webflow zip here

{{state }}

{{ filename }}

{{ status }}

{{ quotaStatus }}

How to create an Angular /src directory from a Webflow zip file from scratch:

  1. Create an Angular project: ex. ng new sample-project
  2. CD into your new project: cd sample-project
  3. Run the ng server: ng serve -port 4200
  4. Browse to http://localhost:4200
  5. Code Export your sample.webflow.zip from Webflow
  6. Drag & drop your sample.webflow.zip into the box
  7. Press Create and then Download (when ready)
  8. Unzip the sample.freeformjs.zip file
  9. Stop the ng server (ctrl-c)
  10. Delete the currently existing /src: rm -rf src
  11. Move the new /src directory into the sample-project 
  12. Run the ng server: ng serve -port 4200 (again)
  13. Browse to http://localhost:4200
  14. Inspect the converted code with your editor!

What you need to know concerning creating an Angular /src folder from a Webflow zip file

  • If you are only going to do a single conversion then there is nothing else you need to. Just take your Angular project with the newly created /src directory and you are good to go!
  • In the very strong possibility that you will be wanting to make further updates to your Angular /src directory from your Webflow project then there are a few more things you need to do in order to preserve edits you make to your Angular /src files between updates from Webflow.
  • See the Tutorial page for more on how to preserve HTML attributes in your Angular project between updates from Webflow.