Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/luizfelipe9627/template-gulp
Template Gulp criado por mim, tendo como principais tecnologias HTML, CSS/SCSS e JavaScript.
https://github.com/luizfelipe9627/template-gulp
css3 gulpjs html5 javascript-es6 nodejs scss
Last synced: about 1 month ago
JSON representation
Template Gulp criado por mim, tendo como principais tecnologias HTML, CSS/SCSS e JavaScript.
- Host: GitHub
- URL: https://github.com/luizfelipe9627/template-gulp
- Owner: luizfelipe9627
- License: mit
- Created: 2024-01-02T20:45:53.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-24T05:07:05.000Z (about 2 months ago)
- Last Synced: 2024-09-28T06:41:53.550Z (about 2 months ago)
- Topics: css3, gulpjs, html5, javascript-es6, nodejs, scss
- Language: SCSS
- Homepage: https://luizfelipe9627-template-gulp.netlify.app
- Size: 1.12 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
## Gulp
O [Gulp](https://gulpjs.com/) é uma ferramenta de automação de tarefas em JavaScript, amplamente utilizada para simplificar o processo de desenvolvimento web. Ele permite automatizar tarefas repetitivas, como minificação de código, concatenação de arquivos, recarga automática do navegador e muito mais.
### Por que usar o Gulp?
O Gulp simplifica o fluxo de trabalho do desenvolvedor, tornando mais eficiente o processo de desenvolvimento e produção. Algumas das vantagens incluem:
- **Automação de Tarefas:** Reduz a necessidade de executar manualmente tarefas repetitivas.
- **Melhoria no Desempenho:** Otimiza o código, reduzindo seu tamanho e melhorando o desempenho.
- **Facilidade de Manutenção:** Organiza o código de maneira eficiente, facilitando a manutenção e colaboração.
## Instalação
Certifique-se de ter o [Node.JS](https://nodejs.org/) e o [NPM](https://www.npmjs.com/) instalados antes de prosseguir.
1. Clone o repositório: `git clone https://github.com/luizfelipe9627/template-gulp.git`
2. Navegue até o diretório do projeto: `cd template-gulp`
3. Instale as dependências: `npm install`
## Comandos
### Desenvolvimento
Execute o seguinte comando para iniciar o ambiente de desenvolvimento:
```
npm run dev
```
### Produção
Execute o seguinte comando para gerar os arquivos de produção:
```
npm run build
```
## Estrutura de pastas
```
template-gulp/
├── dist/
│ |── assets/
│ │ ├── img/
│ │ │ └── image.png
│ │ ├── svg/
│ │ │ └── image.svg
│ ├── bundle.css
│ ├── index.html
│ └── main.css
├── node_modules/
├── src/
│ ├── assets/
│ │ └── img/
│ │ └── image.png
│ │ └── svg/
│ │ └── image.svg
│ ├── scripts/
│ │ └── script.js
│ ├── styles/
│ │ └── style.scss
│ ├── templates/
│ │ └── index.html
├── .gitignore
├── gulpfile.js
├── package-lock.json
├── package.json
└── README.md
```
## Tecnologias
- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [SCSS](https://sass-lang.com/)
- [JavaScript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [Gulp](https://gulpjs.com/)
- [Node.JS](https://nodejs.org/)
- [NPM](https://www.npmjs.com/)
## Licença
Este projeto está licenciado sob a Licença MIT - consulte o arquivo [LICENSE](LICENSE.md) para obter detalhes.
## 🧑💻 Criador
## 📷 Me siga nas redes sociais
