For development with n2n we recommend the following tools. We are well aware, that there are great alternatives for some of the tools. Please take notice, that we develop on Windows. Most of the tools are available as well on Linux or MacOS.
We recommend the display of file extenstions and hidden system files and folders.
If your IDE is Eclipse, you need an installation of Java SE JDK.
When developing with n2n, you want an IDE with good autocomplete and source code features. We recommend using Eclipse PDT.
Remember: set all file encodings to UTF-8! To do that go into preferences and search for "encoding". Put all the values on UTF-8:
- General -> Workspace -> Text file encoding
- Web -> CSS Files -> Encoding
- HTML Files -> Encoding
In order to test your applications on your computer we recommend XAMPP. Select a package with at least PHP 7.2 support. You do not need the FTP Server, Perl Support or Tomcat.
We usually develop on a drive, that we use exclusive for development purpuses. In our case, we use drive
d:. We install all the needed apps into
- Apache settings: We do change the path to htdocs within the
d:\htdocsYou need to change that at two different places.
- SSL settings: You also need to change the htdocs file within
- Database settings: Within
character_set_server=utf8mb4. This way, your standard database settings are set on UTF-8
- PHP settings: You also want to add internationalization within php.ini: remove the comment before
extension=intl. If you use Hangar, we recommend, that you increase
We turned not so happy with SASS development on Eclipse. That's why we decided to develop our CSS with Visual Studio Code. We recommend the Extension Live Sass Compiler. You find it, when you search for plugins.
PHP Package Manager
In order to install n2n and other great modules and extentions, you want to install Composer.
Source Code Management
You find all of n2n as open source on Github. We use GIT for Source Code Management.
For easy checkout you need an SSH Key. This is how you can create one:
- Open GitBash (right click in windows explorer)
ssh-keygen -t rsa -b 4096 -C "email@example.com"
- Confirm questions. You can confirm (all) with just hitting <enter>
By the way, you want to adapt your "Default repository folder" in Eclipse to your workspace directory. Open Preferences and Search for "Git".
We use Visualstudio Code to edit SCSS files. We recommend to install the following extension:
- Press ctrl + P
- run: ext install glenn2223.live-sass
If you want to autorun the tool, add the following options to your settings.json file:
More Cool Tools
We collect the best tools and services on the internet on www.linklog.ch