Clone the starter app from GitHub.
git clone https://github.com/monster-js/starter-app.git monster-app
After cloning the repository, change directory into the starter project
then install the dependencies
Start the local development server by running the following command:
Now we can view our app by pointing our browsers to http://localhost:4000
After the setup is complete, you can see the file structure of project in the current directory.
.monsterContains the configurations needed for MonsterJS project.
.monster/monster.jsonThe configuration for MonsterJS project. Usually used by the CLI.
node_modules/This is where the installed node packages are located.
src/A directory that contains the source code and assets of your application.
src/app/This is where the codes related to application is located
src/app/app.component.scssContains the css codes of the root component.
src/app/app.component.tsxContains the ts codes of the root component. Any other components must be a child of this component.
src/app/app.module.tsThe root module of the application.
src/assets/This is the recommended directory to put all of the asset files.
src/environments/Contains the different environment files for the project.
src/environments/environment.tsThe development environment of the project.
src/environments/environment.prod.tsThe production environment of the project.
src/index.htmlThe main HTML page that is served when someone visits your application.
src/index.tsThe main entry point of your application. It bootstrap the root module of the entire project.
src/polyfill.tsMakes the MonsterJS applications compatible with browsers.
src/styles.scssContains the global styles of the application.
src/types.d.tsInterfaces to override the default types.
package.jsonAll the dependencies and configurations of your project.
tsconfig.jsonThe typescript configuration file.