Code Monkey home page Code Monkey logo

material-playground's Introduction

Material Playground

This project was generated with Angular CLI version 1.6.3.

Install dependencies

Run yarn install or npm install, to install project's dependencies.

Web Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Mobile Development server

If you want to serve to simulator or device use, follow the step below, the app will automatically reload if you change any of the source files.

  • Edit the config.xml file and update your IP address (tip: find/replace the text `MY_IP_ADDRESS:8200).
  • Run ng build -e cordova, this will generate the www folder.
  • Run cordova prepare, this will generate the correct files to serve from platforms\androidfolder.
  • Run cordova build android, this will build your apk file.
  • Run ng serve -e cordova -port 8200 --proxy-config proxy.conf.js, this will start your dev server.
  • Run remotedev --hostname=MY_IP_ADDRESS --port=8000, this will start your Redux Remote Server (if you don't have it, just install it using `npm install -g remotedev-server).
  • Run cordova run android, start your app*.

ps*: If you see this error: Error: Current working directory is not a Cordova-based project., please check if ng serve does not delete your www folder, if so, just create an empty one and try start your app again.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Updating the Angular Stuffs

Angular Dependencies

npm install --save @angular/animations@latest @angular/cdk@latest @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/material @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/router@latest

Angular Development Dependencies

npm install --save-dev @angular/compiler-cli@latest @angular/language-service@latest

RxJS Dependencies

npm install --save rxjs@latest

NGRX Dependencies

npm install --save @ngrx/effects@latest @ngrx/router-store@latest @ngrx/store@latest @ngrx/store-devtools@latest

NGRX Development Dependencies

npm install --save-dev ngrx-store-freeze@latest

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Debugging with WebView on phone

  • Enable on your Android SDK -> Google USB or your phone driver
  • Enable on your Android Phone developer mode (tap on Android Version Number) and USB debugging
  • Check if your phone is hosted using adb devices
  • Enter Chrome at chrome://inspect and watch if your browser is able to connect
  • Run ng serve -e cordova -port 8200, start your dev server
  • Run cordova run android, start your app

Updating Angular CLI

If you're using Angular CLI 1.0.0-beta.28 or less, you need to uninstall angular-cli package. It should be done due to changing of package's name and scope from angular-cli to @angular/cli:

  • npm uninstall -g angular-cli
  • npm uninstall --save-dev angular-cli

To update Angular CLI to a new version, you must update both the global package and your project's local package.

Global package:

  • npm uninstall -g @angular/cli
  • npm cache clean
  • if npm version is > 5 then use npm cache verify to avoid errors (or to avoid using --force)
  • npm install -g @angular/cli@latest

Local project package:

  • rm -rf node_modules dist # use rmdir /S/Q node_modules dist in Windows Command Prompt; use rm -r -fo node_modules,dist in Windows PowerShell
  • npm install --save-dev @angular/cli@latest
  • npm install

Donations

Is this project util for you? Please consider buy me a coffee.

material-playground's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

vitorplopes

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.