Angular

From charlesreid1

Installing

Getting up and running with Angular project on Digital Ocean droplet:

Setting Up Angular

Following these instructions for getting environment set up: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-an-ubuntu-14-04-server

First, update repo to get a more up-to-date version of nodejs: 

curl -sL https://deb.nodesource.com/setup | sudo bash -

sudo apt-get install nodejs npm

Next, install Java 7 or latest: 

sudo apt-get install java7-jdk java7-sdk

Following these instructions for putting everything else into place for Angular: https://docs.angularjs.org/misc/contribute

Install grunt: 

sudo npm install -g grunt-cli

Install bower: 

sudo npm install -g bower

Building Angular

Fork Angular, if you want, or just get it: https://github.com/angular/angular.js

Then clone it on the droplet: 

git clone https://github.com/angular/angular.js

Now install some stuff: 

cd angular.js/

# install node dependencies (must be sudo):
sudo npm install

# install bower components (must not be sudo):
bower install

# build angular.js
grunt package

This will drop a bunch of stuff into the build/ directory.

  • angular-version.zip - zip file containing all release build artifacts
  • angular.js - non-minified angular script
  • angular.min.js - minified angular script
  • angular-scenario.js - end to end test runner
  • docs/ - files needed to run docs.angularjs.org

Test it out

You can run a webserver with bower, but I prefer python: 

# run from angular.js/
python -m SimpleHTTPServer 8000

Now check out http://localhost:8000/build/docs

Errors

I ran into these errors when I ran npm install from angular.js/: 

$ npm install
npm ERR! fetch failed https://registry.npmjs.org/lodash.template/-/lodash.template-3.3.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.1.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/resolve/-/resolve-1.0.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.2.tgz
npm ERR! fetch failed https://registry.npmjs.org/rimraf/-/rimraf-2.2.8.tgz
npm ERR! fetch failed https://registry.npmjs.org/minimatch/-/minimatch-2.0.1.tgz
npm ERR! fetch failed https://registry.npmjs.org/vargs/-/vargs-0.1.0.tgz
npm WARN optional dep failed, continuing fsevents@0.2.1
npm ERR! fetch failed https://registry.npmjs.org/lodash._slice/-/lodash._slice-2.4.1.tgz
npm ERR! fetch failed https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.1.0.tgz
npm WARN engine hawk@0.10.2: wanted: {"node":"0.8.x"} (current: {"node":"0.10.38","npm":"1.4.28"})
npm ERR! fetch failed https://registry.npmjs.org/hawk/-/hawk-1.0.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/anymatch/-/anymatch-1.1.0.tgz
npm WARN engine cryptiles@0.1.3: wanted: {"node":"0.8.x"} (current: {"node":"0.10.38","npm":"1.4.28"})
npm WARN engine sntp@0.1.4: wanted: {"node":"0.8.x"} (current: {"node":"0.10.38","npm":"1.4.28"})
npm WARN engine boom@0.3.8: wanted: {"node":"0.8.x"} (current: {"node":"0.10.38","npm":"1.4.28"})
npm WARN engine hoek@0.7.6: wanted: {"node":"0.8.x"} (current: {"node":"0.10.38","npm":"1.4.28"})

> ws@0.5.0 install /home/charles/codes/angular.js/node_modules/karma/node_modules/socket.io/node_modules/engine.io/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)

make: Entering directory `/home/charles/codes/angular.js/node_modules/karma/node_modules/socket.io/node_modules/engine.io/node_modules/ws/build'
  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node: Finished
  COPY Release/bufferutil.node
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/obj.target/validation.node
  SOLINK_MODULE(target) Release/obj.target/validation.node: Finished
  COPY Release/validation.node
make: Leaving directory `/home/charles/codes/angular.js/node_modules/karma/node_modules/socket.io/node_modules/engine.io/node_modules/ws/build'
npm WARN optional dep failed, continuing fsevents@0.3.5
npm ERR! fetch failed https://registry.npmjs.org/mime-db/-/mime-db-1.7.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/lodash._basecreate/-/lodash._basecreate-2.4.1.tgz
npm ERR! fetch failed https://registry.npmjs.org/browser-resolve/-/browser-resolve-1.7.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/tmp/-/tmp-0.0.24.tgz
npm ERR! fetch failed https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.1.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/browser-resolve/-/browser-resolve-1.7.0.tgz
npm ERR! fetch failed https://registry.npmjs.org/tmp/-/tmp-0.0.24.tgz
npm ERR! fetch failed https://registry.npmjs.org/bn.js/-/bn.js-1.3.0.tgz

> ws@0.4.31 install /home/charles/codes/angular.js/node_modules/karma/node_modules/socket.io/node_modules/socket.io-client/node_modules/engine.io-client/node_modules/ws
> (node-gyp rebuild 2> builderror.log) || (exit 0)

make: Entering directory `/home/charles/codes/angular.js/node_modules/karma/node_modules/socket.io/node_modules/socket.io-client/node_modules/engine.io-client/node_modules/ws/build'
  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node: Finished
  COPY Release/bufferutil.node
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/obj.target/validation.node
  SOLINK_MODULE(target) Release/obj.target/validation.node: Finished
  COPY Release/validation.node
make: Leaving directory `/home/charles/codes/angular.js/node_modules/karma/node_modules/socket.io/node_modules/socket.io-client/node_modules/engine.io-client/node_modules/ws/build'

> utf-8-validate@1.0.1 install /home/charles/codes/angular.js/node_modules/protractor/node_modules/selenium-webdriver/node_modules/ws/node_modules/utf-8-validate
> node-gyp rebuild

make: Entering directory `/home/charles/codes/angular.js/node_modules/protractor/node_modules/selenium-webdriver/node_modules/ws/node_modules/utf-8-validate/build'
  CXX(target) Release/obj.target/validation/src/validation.o
  SOLINK_MODULE(target) Release/obj.target/validation.node
  SOLINK_MODULE(target) Release/obj.target/validation.node: Finished
  COPY Release/validation.node
make: Leaving directory `/home/charles/codes/angular.js/node_modules/protractor/node_modules/selenium-webdriver/node_modules/ws/node_modules/utf-8-validate/build'

> bufferutil@1.0.1 install /home/charles/codes/angular.js/node_modules/protractor/node_modules/selenium-webdriver/node_modules/ws/node_modules/bufferutil
> node-gyp rebuild

make: Entering directory `/home/charles/codes/angular.js/node_modules/protractor/node_modules/selenium-webdriver/node_modules/ws/node_modules/bufferutil/build'
  CXX(target) Release/obj.target/bufferutil/src/bufferutil.o
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node
  SOLINK_MODULE(target) Release/obj.target/bufferutil.node: Finished
  COPY Release/bufferutil.node
make: Leaving directory `/home/charles/codes/angular.js/node_modules/protractor/node_modules/selenium-webdriver/node_modules/ws/node_modules/bufferutil/build'
npm ERR! cb() never called!
npm ERR! not ok code 0

the solution was to run as sudo: 

$ sudo npm install
npm WARN unmet dependency /home/charles/codes/angular.js/node_modules/dgeni requires q@'~0.9.7' but will load
npm WARN unmet dependency /home/charles/codes/angular.js/node_modules/q,
npm WARN unmet dependency which is version 1.0.1
Retrieved from "https://charlesreid1.com/w/index.php?title=Angular&oldid=6120"