Monthly Archives: June 2014

Link

Linux File system explained

I have struggled with why certain files are located where they are in Linux.  Finally found a link to explain why.  There will be some differences between distros but this seems to be a great reference. 

Advertisements

Yoman and installed generators not showing os x

I recently tried to install the ember generator for yeoman. I have been using the angularjs one for a while now and updating it as new versions became available.

I had installed the ember generator on the command line from npm

npm -g install generator-ember

I had yo on the command line. But when I ran this I would never see the ember generator.

yo --help

I tried cleaning the cache to ensure it was not a corrupted install from somewhere else.

npm -g cache clean
npm -g update

None of this worked so I had to go and remove yeoman completely and reinstall it

First I found the yeoman instance

which yo

Gave me /usr/local/bin/yo

ls -la /usr/local/bin/yo

Which returns that it is installed.

/usr/local/bin/yo -> ../lib/node_modules/yo/cli.js

I tried uninstalling from the npm

npm -g uninstall yo

The command completed successfully but I could still find yo on the file system.

ls /usr/local/share/npm/bin/yo

Only thing I could do at this stage is delete the yeoman as it was not removed by the npm uninstall command.  That means deleting the whole npm install in /lib/node_modules/ and the symbolic link to it in the /bin folder.

sudo rm -rf /usr/local/share/npm/lib/node_modules/yo
sudo rm  /usr/local/share/npm/bin/yo

and install it properly again.

npm -g install yo

and the next time I ran yeoman I saw my generators

yo --help
.....
Ember
  ember:app
  ember:component
  ember:controller
  ember:model
  ember:router
  ember:view

Twitter Bootstrap grid system with Yeoman, Angular, and IE8

Versions Used

Bootstrap 3.1.1

Yeoman angular-generator 0.8

Problem

I ran into this testing the IE8 rendering of the twitter bootstrap and the grid system with my angularjs app generated by yeoman.

What getbootstrap.com has

On the bootstrap site they have a block that checks your version of IE and if it is below IE9 then includes respondJs.

  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- [if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
   <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

Include respond in your project

Install in project

bower install respond -S

Include in the html via grunt

grunt bowerInstall

Move include from the  block to a if IE is less than IE 9

<!--[if lt IE 9]><script src="bower_components/respond/dest/respond.src.js"></script><!--<![endif]-->

Notes

You will have to remove the respond from your index.html <!–bower:js> if you rerun the following

grunt bowerInstall