Utilizando o terminal do windows

  • cd ../ até sair da pasta atual
  • cd nome_da_pasta
  • yarn init na raiz do projeto (dá enter em todas as perguntas)
  • yarn add @babel/cli
  • yarn add @babel/preset-env
  • cria o yarn.lock (cache do yarn) e o node_modules (arquivos de dependência). nunca mexe em nenhum dos dois.
  • se for utilizar o git: cria um arquivo .gitignore e coloca a pasta node_modules/ dentro dele.
  • configurando o babel: cria um arquivo na raiz do projeto chamado .babelrc. o babel vai transformar as features do ES6+ em uma sintaxe reconhecida por todos os navegadores.
  • yarn add @babel/plugin-proposal-object-rest-spread
  • { "presets": ["@babel/preset-env"], "plugins": ["@babel/plugin-proposal-object-rest-spread"] }
  • cria o index.html e o main.js.
  • no package.json, cria uma nova propriedade chamada "scripts": { "dev": "babel ./main.js -o ./bundle.js -w" } (formas de poder executar comandos pelo terminal. o -w vai fazer com o que o arquivo sempre seja salvo e já atualizado no bundle, não fazendo necessário digitar "yarn dev" o console toda vez que fizer alguma alteração.)
  • yarn add @babel/core
  • yarn dev
  • pode adicionar quantos scripts quiser!!! chama sempre pelo nome, nesse caso o exemplo foi "dev".
jun 29 2019 ∞
jun 30 2019 +