{"id":40,"date":"2019-10-10T09:56:47","date_gmt":"2019-10-10T09:56:47","guid":{"rendered":"https:\/\/docs.theironnetwork.org\/angly\/?page_id=40"},"modified":"2019-10-15T10:46:09","modified_gmt":"2019-10-15T10:46:09","slug":"start-building","status":"publish","type":"page","link":"https:\/\/docs.theironnetwork.org\/angly\/start-building\/","title":{"rendered":"Start Building"},"content":{"rendered":"\n<h6 id=\"development-prerequisites\"><strong>Development prerequisites<\/strong><\/h6>\n\n\n\n<ol><li class=\"\"><strong>Install Node.js and NPM  <\/strong>: Download Node.js from <a href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/nodejs.org\/en\/download\/<\/a> and install it on your system. NPM comes bundled with Node.js<\/li><li class=\"\"><strong>angular-cli <\/strong>: Install angular-cli by executing <code>npm install -g @angular\/cli <\/code>command on your your terminal or command prompt. For more details visit https:\/\/github.com\/angular\/angular-cli<\/li><li class=\"\"><strong>Install npm packages <\/strong>: In terminal go to your project root directory and run <code>npm install <\/code>command, it will download all the dependencies under node_modules folder.<\/li><\/ol>\n\n\n\n<h6 id=\"running-development-server\"><strong>Running development server<\/strong><\/h6>\n\n\n\n<p>Run <code>ng serve <\/code>command to run dev server and access <code>http:\/\/localhost:4200\/ <\/code>to run your app\/project on browser. The app will automatically reload if you change any of the source files.<\/p>\n\n\n\n<p>As <code>ng serve <\/code>runs watch command which detects any change in project files so it will automatically reload your app on browser if you make changes in files.<\/p>\n\n\n\n<h6 id=\"production-building\"><strong>Production building<\/strong><\/h6>\n\n\n\n<p>Run <code>ng build <\/code>to build the project. The build will be stored in the <code>dist\/<\/code> directory. Use the <code>-prod<\/code> flag for a production build. Use <code>--aot<\/code> flag for a AoT build <strong>for example : <\/strong><code><strong>ng build --prod --aot<\/strong><\/code><\/p>\n\n\n\n<h6 id=\"further-help\"><strong>Further help<\/strong><\/h6>\n\n\n\n<p>To get more help on the <code>angular-cli<\/code> use <code>ng --help<\/code> or go check out <a href=\"https:\/\/github.com\/angular\/angular-cli\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/angular\/angular-cli<\/a><\/p>\n<div class=\"pld-like-dislike-wrap pld-template-1\">\n    <div class=\"pld-like-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-like-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"40\" data-trigger-type=\"like\" data-restriction=\"cookie\" data-ip-check=\"0\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-up\"><\/i>\n                    <\/a>\n    <span class=\"pld-like-count-wrap pld-count-wrap\">    <\/span>\n<\/div><div class=\"pld-dislike-wrap  pld-common-wrap\">\n    <a href=\"javascript:void(0);\" class=\"pld-dislike-trigger pld-like-dislike-trigger \" title=\"\" data-post-id=\"40\" data-trigger-type=\"dislike\" data-ip-check=\"0\" data-restriction=\"cookie\" data-user-check=\"1\">\n                        <i class=\"fas fa-thumbs-down\"><\/i>\n                    <\/a>\n    <span class=\"pld-dislike-count-wrap pld-count-wrap\">1<\/span>\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Development prerequisites Install Node.js and NPM : Download Node.js from https:\/\/nodejs.org\/en\/download\/ and install it on your system. NPM comes bundled with Node.js angular-cli : Install angular-cli by executing npm install -g @angular\/cli command on your your terminal or command prompt. For more details visit https:\/\/github.com\/angular\/angular-cli Install npm packages : In terminal go to your project [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages\/40"}],"collection":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":5,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":162,"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/pages\/40\/revisions\/162"}],"wp:attachment":[{"href":"https:\/\/docs.theironnetwork.org\/angly\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}