Stap 1: Installeer itsa-cli

Als eerste, moet itsa-cli op uw systeem worden geinstalleerd (global). Met deze cli kunnen nieuwe applicaties worden aangemaakt:

npm install -g itsa-cli

Stap 2: Maak een nieuwe web-applicatie

Maak een nieuwe web-applicatie ergens op het locale systeem. vanuit de console, type:

itsa create appname

appname wordt een nieuwe map met de juiste bestanden.

Step 3: Controlleer of alles werkt

Omdat de installatie een standaard template heeft, kun je controlleren of de Hello World! appplicatie goed draait.

npm run watch

Zodra de melding Server running development at port: 3001 verschijnt, kan een browser worden geopend op http://localhost:3001. De Hello World! applicatie zou nu moeten verschijnen.

Nu kun je direct kunt beginnen met de bouw van de applicatie. Maar voordat je dat doet, is het raadzaam om de webapplicatie zijn configuration-file te finetunen.

gecreerde mappen-structuur

De mappen-structuur van de webapplicatie ziet er als volgt uit:

"Appname"		<—root-folder of your webapplication

	————	build		<—automaticly built files

	————	node_modules		<—node.js system folder

	————	src		<—project source files

			———————	actions	<—action files
				—example.js

			———————	assets	<—project assets

				—————————	css
					—index.scss
					—information.scss
					—common.scss

				—————————	images
					—transparent-1px.gif
				—favicon.ico

			———————	authentication	<—authentication handling
				—validate.js

			———————	client-modules	<—modules for client side only
				—test.jsx

			———————	languages	<—json language files
				—en.json

			———————	markdowns	<—markdown language files

				—————————	en
					—information.md

			———————	models	<—project source files
				—information.js

			———————	pagetitles	<—language page-titles
				—en.json

			———————	server-modules	<—modules for server side only

			———————	views	<—app views (pages)
				—index.jsx
				—information.jsx

		—app.js
		—manifest.json
		—model-general.js
		—modules-general.js
		—page-template.jsx
		—routes.js

	—.babelrc
	—.cookierc
	—.eslintrc
	—.gitignore
	—.npmignore
	—.nvmrc
	—.stylelintrc
	—.travis.yml
	—cdn-cleanup.js
	—cdn-deploy.js
	—CHANGELOG.md
	—gulpfile.js
	—package-lock.json
	—package.json
	—postcss.config.js
	—server.js
	—webpack.config.chunks.js
	—webpack.config.static.js
	—webpack.config.views.js

Installatie

Stap 1: Installeer itsa-cli

Stap 2: Maak een nieuwe web-applicatie

Step 3: Controlleer of alles werkt

gecreerde mappen-structuur