Friday, 5 June 2015

Web App by using angularjs,HTML and css

Download angular-phonecat

 By using clone
git clone --depth=14 https://github.com/angular/angular-phonecat.git


Change your current directory to angular-phonecat.

cd angular-phonecat

Install Node.js

 

  Check the version of Node.js that you have installed by running the following    command:


node --version
 The following dependencies also be install:-

apt-get install nodejs-legacy npm
nodejs --version
npm --version

Once you have Node.js installed on your machine you can download the tool dependencies by running:


npm install
 In angular-phonecat directory, run this command:


git checkout -f step-0

 This resets your workspace to step 0 of app.

To run the app, following command will be follow:-

npm start

and open the following link in your browser:-



http://localhost:8000/app/


 The HTML page that displays "Hello Word"


Your index.html look like:-

 app/index.html:

<!doctype html>
<html lang="en" ng-app>
<head>
  <meta charset="utf-8">
  <title>My Web App</title>
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
  <link rel="stylesheet" href="css/app.css">
  <script src="bower_components/angular/angular.js"></script>
</head>
<body>

  <p>Hello Word</p>

</body>
</html>

 

 








No comments:

Post a Comment