Please note: this step is absolutely optional. It aims for advanced user who want to speed up development process with professional grade Front-End toolset shiped with ws7. If you are not familiar with these tools and have no time to dive in you can still use plain HTML / CSS / JS to customize ws7. Files you need are located inside ws7/dist folder. In this case you can skip this and next sections. Happy coding :)
ws7 is built using modern development toolset.
This section will explain how to setup professional Front-End development environment for fast and smooth ws7 customization using these technologies.
Text Editor and Terminal (Command Line)
You can use any text editor at your disposal and available Command line tool (Command Prompt for Windows or Terminal on MacOS). Our personal preference is Visual Studio Code. It is free, has great buil-in terminal (console), built-in git client, debugging, huge extensions library and available for MacOS, Windows, Linux.
Installing Node.js and npm
In order to be able to setup ws7 development environment you will need to install Node.js and its Package Manager (npm).
Node.js is absolutely free and available for download via its official website for MacOS, Windows, Linux systems. Download Node.js and npm here.
Learn more about Node Package Manager and available packages here: https://www.npmjs.com
Installing packages necessary for ws7 development
When Node.js and npm is installed you are ready to install all dependencies necessary for ws7 development.Inside your command line tool type:npm install
This will start the process of installing all dependencies which are listed inside
ws7/package.json file. Wait until installation is finished and jump to the next section Working with Gulp.