michaelfidelis/projeto-sofea

Projeto de exemplo para arquitetura SOFEA

Comandos a executar

NPM e Node

Link para o site oficial: https://www.npmjs.com/

Certifique -se de que o NPM e o NodeJs estão instalados em sua máquina: Se não tiver, acesse: https://docs.npmjs.com/getting-started/installing-node e siga os passos para instalar.

Configure o proxy para o NPM:

npm config set proxy http://usuario:senha@host:porta
npm config set https-proxy https://usuario:senha@host:porta

Problemas com SSL:

Se, mesmo após a configuração do proxy, você estiver com problemas para baixar as dependencias, é necessário desabilitar o SSL do NPM:

npm config set strict-ssl false
npm config set registry="http://registry.npmjs.org/"

Problemas com EACESS:

Caso você tenha problemas para baixar dependencias em questão do erro EACCES acesse: https://docs.npmjs.com/getting-started/fixing-npm-permissions.

Inicializando o projeto:

Acesse a pasta do seu projeto pelo console e digite:

npm init

Preencha todas as informações solicitadas e verifique se o arquivo package.js foi criado.

Git

Link para download: https://git-scm.com/download/win

Após instalado configure o proxy:

git config --global http.proxy http://usuario:senha@host:porta

git config --global https.proxy https://usuario:senha@host:porta

Bower e Bowerrc

Link para o site oficial: https://bower.io/

Instale o bower em sua máquina (se já não estiver instalado):

npm install -g bower

Inicialize o bower em seu projeto:

bower init

Preencha as informações solicitadas e verifique que ao final do processo o arquivo bower.json foi criado na raíz do projeto.

Configurando o proxy para o Bower:

Crie um arquivo chamado .bowerrc na raíz do projeto, com as seguintes informações:

{
    "proxy": "http://usuario:senha@host:porta",
    "https-proxy": "https://usuario:senha@host:porta",
}

Após configurar o proxy, instale as dependencias necessárias:

bower install bootstrap

bower install angular

bower install angular-bootstrap

bower install angular-resource

bower install ui-router

Grunt

Link para o site oficial: http://gruntjs.com/

Instale o Grunt no projeto:

npm install -g grunt-cli
npm install grunt --save-dev


//Instale as dependencias tambem
npm install grunt-contrib-uglify --save-dev
npm install grunt-contrib-cssmin --save-dev

Crie um arquivo Gruntfile.js na raiz do projeto, com as seguintes informações:

module.exports = function (grunt) {

    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        uglify: {
            build: {
                //Arquivos *.JS que devem ser minificados
                src: ['app/app.js', 'app/app.config.js', 'app/**/*.js'],
                
                //Destino do arquivo minificado
                dest: 'assets/all.min.js'
            }
        },  
        cssmin: {
            options: {
                shorthandCompacting: false,
                roundingPrecision: -1
            },
            target: {
                files: {
                    'assets/dist.min.css': ['foo.css', 'bar.css']
                }
            }
        }

    });

    // Carregue os componentes utilizados pelas tasks
    grunt.loadNpmTasks('grunt-contrib-uglify');
    grunt.loadNpmTasks('grunt-contrib-cssmin');


    // Registre as tasks para que o Grunt execute
    grunt.registerTask('default', [
        'uglify'
        'cssmin']);
};

Para executar digite:

grunt

Pronto!!