O Tray OpenCode Workflow é um conjunto de ferramentas frontend que agiliza a criação de layouts.
Ferramentas configuradas:
- CSS
- SASS
- LESS
- STYLUS
- JS
- Modularização de arquivos
- Uglify
- BrowserSync
- Image minification
Pré-requisitos: NodeJS e NPM
git clone https://github.com/tray-tecnologia/opencode-workflow.git
cd opencode-workflow
npm install
Alguns problemas podem acontecer durante a instalação. Segue solução:
https://github.com/tray-tecnologia/opencode_theme/issues/41
https://www.garron.me/en/linux/install-ruby-2-3-3-ubuntu.html
rbenv install 2.3.3
rbenv global 2.3.3
gem install faraday -v 1.0.1
gem install launchy -v 2.4.3
gem install vcr -v 6.0.0
gem install racc -v 1.5.2
gem install nokogiri -v 1.6.8
gem install opencode_theme
Configure a loja que você vai trabalhar:
mkdir opencode.commercesuite.com.br
cd opencode.commercesuite.com.br
opencode configure API_KEY PASSWORD THEME_ID
(veja a Obs: logo abaixo)opencode download
Obs: API_KEY e PASSWORD são chaves individuais que o desenvolvedor deve solicitar ao lojista.
Essas chaves que estão na documentação são da loja de teste: https://opencode.commercesuite.com.br.
Se quiser poderá utilizar essa loja com as seguintes credenciais:
opencode configure 20a699301d454509691f3ea02c1cba4b ea0727075e1639a42fd966a2f6e67abc 1
Após baixar todos os arquivos, volte para a pasta que contém o gulpfile.js e rode esse comando:
gulp --folder opencode.commercesuite.com.br
Pronto, comece a editar seus arquivos e você verá o gulp
e o opencode
trabalhando por você!
Para que o gulp
funcione corretamente, precisará existir essa estrutura de pastas:
opencode-workflow/
opencode.commercesuite.com.br/
css/
js/
img/
layouts/
pages/
config.yml
lojademo.commercesuite.com.br/
css/
js/
img/
layouts/
pages/
config.yml
outraloja.com.br/
css/
js/
img/
layouts/
pages/
config.yml
gulpfile.js