Alexey Sosnovsky

тебе нежно привязать модель к инпуту

я коноечно ещё только начинаю свой путь разработчика но уже потихоньку прихожу к приглянувшемуся мне workflow
- npm (элементарно устанавливать gulp и есго можули с прочими зависимостями)
- gulp (и грядка модулей для сборки - run-sequence, del, gulp-sourcemaps, gulp-autoprefixer, gulp-concat, browser-sync, gulp-uncss, gulp-changed, gulp-imagemin, gulp-jscs ...... etc)
- jade как html template engine
- в плане CSS препроцессором не определился ещё но Stylus вроде подаёт надежды на светлое будущее ну и SCSS (SASS) поскольку многие используют
- в плане JS пока чистый стараюсь пользовать чтоб матчасть познать, но не брезгую применением jQuery, AngularJS и прочими свистелками и перделками )))
- в качестве IDE пользую WebStorm

на данном этапе развития фронтэнд девелопера мне кажется это вполне разумным набором

как вариант делать всё с препроцессором, например JADE+Stylus(less+SASS)
там есть импорты, ну и да, как именование конечно BEM

у меня были похожие проблемы со статусом авторизации, когда надо было отображать с помощью ng-if кнопку logout и происходило это почему-то только после обновления странички.

o.status = auth.status;

но когда я завернул метод контроллера в функцию

o.status = function () {
    auth.status;
   }

и использовал так

<div ng-controller="userController as uc">
    <div ng-if="uc.status"> 
   </div>
</div>

всё стало работать асинхронно, как надо, сразу по событию авторизации в фабрике.
может и Вам поможет )

полагаю надо было bower_components положить внутрь src

например так

var gulp = require("gulp");
var connect = require("gulp-connect");
var opn = require("opn");
var jade = require('gulp-jade');

//запускаем локальный сервер
gulp.task('connect', function() {
    connect.server({
        root: 'app',
        livereload: true,
        port: 8888
    });
    opn('http://localhost:8888');
});

//работа с HTML
gulp.task('html', function () {
    gulp.src('./app/*.html')
        .pipe(connect.reload());
});

//работа с CSS
gulp.task('css', function () {
    gulp.src('./app/css/*.css')
        .pipe(connect.reload());
});

//работа с JS
gulp.task('js', function () {
    gulp.src('./app/js/*.js')
        .pipe(connect.reload());
});

// работа с шаблонами JADE
gulp.task('jade', function() {
    var YOUR_LOCALS = {};

    gulp.src('./app/jade/index.jade')
        .pipe(jade({
            locals: YOUR_LOCALS,
            // красивый (не ужатый) вывод
            pretty: true
        }))
        .pipe(gulp.dest('./app/'))
});


//WATCHER
gulp.task('watch', function () {
    gulp.watch(['./app/*.html'], ['html']);
    gulp.watch(['./app/css/*.css'], ['css']);
    gulp.watch(['./app/js/*.js'], ['js']);
    gulp.watch(['./app/jade/*.jade'], ['jade']);
});

//DEFAULT
gulp.task('default', ['connect', 'watch']);