Webapp
Instalação do Sublime
sudo add-apt-repository ppa:webupd8team/sublime-text-2
sudo apt-get update
sudo apt-get install sublime-textReferências
Instalação do Node.js
Verifique se tem algum pacote do node instalado no SO
dpkg --get-selections | grep nodeCaso não tenha, instale umas das versões a seguir.
Versão 0.10.x:
sudo apt-get install curl
# Add ppa and update packages for nodejs
curl -sL https://deb.nodesource.com/setup | sudo bash -
# The nodejs package contains the nodejs binary as well as npm (a package manager for Node.js)
sudo apt-get install nodejs
# node version
nodejs -v
# v0.10.38
Versão 0.12.x:
sudo apt-get install curl
# Note the new setup script name for Node.js v0.12
curl -sL https://deb.nodesource.com/setup_0.12 | sudo bash -
# Then install with:
sudo apt-get install nodejs
# node version
nodejs -v
# v0.12.4
Para instalar o node (várias versões em uma mesma máquina) sem precisar do usuário root, faça o seguinte:
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
nvm install node # instala ultima versao
nvm install 0.10 # instala versao 0.10
nvm install stable # instala versao estavel: 0.12
nvm use stable # configura o terminal para utiizar versao estavel..
node --version # ou: nvm run stable --versionAtualize o npm
sudo npm install --global npm@latestCaso algum erro de permissão ou acesso apareça, como EPERM, EACCESS, não utilize o sudo como workaround. Utilize:
./npm-g-nosudo.shReferências
- How To Install Node.js on an Ubuntu 14.04 server
- Node.js v0.12, io.js, and the NodeSource Linux Repositories
- Node Version Manager
- NPM global without sudo
- http://askubuntu.com/questions/507684/trying-to-install-yeoman-on-ubuntu-to-use-with-nodejs-and-npm
- http://stackoverflow.com/questions/16151018/npm-throws-error-without-sudo
Instalação do Yeoman
Basicamente, Yeoman é um gerador de estruturas para aplicações web. Nesse link tem vários geradores.
Para instalar o Yeoman, faça:
# yo - the scaffolding tool from Yeoman
sudo npm install -g yo
yo --version
# 1.4.7Referências
Gerenciador de dependências (frontend)
sudo npm install -g bower
bower --version
# 1.4.1Referências
Gerenciador de tarefas (preview, test, build)
sudo npm install -g grunt-cli
grunt --version
# grunt-cli v0.1.13Referências
Gerando uma aplicação Web com AngularJS
# Install generator-angular using this command
sudo npm install --global generator-angular@0.11.1
mkdir my-yo-project
cd my-yo-project
# generating
yo angular
Após gerar a estrutura, execute o comando a seguir para iniciar um servidor simples para a aplicação.
grunt serve
# acesse: http://localhost:9000/#/Caso o estilo da página não apareça, no arquivo app/index.html, entre os comentários e , adicione a seguinte linha:
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />Referências
Instalando o UI Bootstrap
bower install angular-bootstrapEm seguida, inclua um dos arquivos baixados na página HTML. Usar ui-bootstrap-tpls.min.js.
Adicionando a dependência no projeto.
angular.module('myModule', ['ui.bootstrap']);Referências
- Angular UI - Getting started
- AngularJS UI Frameworks
- How to use bootstrap and angular
- angular-ui/bootstrap#1936
Font Awesome
bower install components-font-awesomeReferências
Animate.css
bower install animate.css<link rel="stylesheet" href="bower_components/animate.css/animate.css">Referências