--- id: 5895f70bf9fc0f352b528e64 title: Use a Template Engine's Powers challengeType: 2 videoUrl: '' localeTitle: Use os poderes de um motor de modelo --- ## Description
Como lembrete, este projeto está sendo construído sobre o seguinte projeto inicial no Glitch , ou clonado a partir do GitHub . Um dos maiores recursos de usar um mecanismo de modelo é poder passar variáveis ​​do servidor para o arquivo de modelo antes de renderizá-lo para HTML. No seu arquivo Pug, você está prestes a usar uma variável referenciando o nome da variável como #{variable_name} inline com outro texto em um elemento ou usando um lado igual no elemento sem um espaço como p= variable_name que define esse p texto dos elementos para igualar a variável. Nós recomendamos fortemente que você olhe a sintaxe e a estrutura do Pug aqui em seu README do Githubs. Pug tem tudo a ver com o uso de espaços em branco e guias para mostrar elementos aninhados e reduzir a quantidade de código necessária para criar um site bonito. Olhando para o nosso arquivo pug 'index.pug' incluído no seu projeto, usamos as variáveis title e message Para passar essas informações sozinho do nosso servidor, você precisará adicionar um objeto como um segundo argumento ao seu res.render com as variáveis ​​e seu valor. Por exemplo, passe esse objeto ao longo da configuração das variáveis ​​para sua visualização de índice: {title: 'Hello', message: 'Please login' Deve ser semelhante a: res.render(process.cwd() + '/views/pug/index', {title: 'Hello', message: 'Please login'}); Agora atualize sua página e você deverá ver esses valores renderizados em sua visão no local correto, conforme estabelecido em seu arquivo index.pug! Envie sua página quando achar que está certo.
## Instructions
## Tests
```yml tests: - text: Variáveis ​​de renderização do Pug corretas testString: 'getUserInput => $.get(getUserInput("url")+ "/") .then(data => { assert.match(data, /pug-variable("|")>Please login/gi, "Your projects home page should now be rendered by pug with the projects .pug file unaltered"); }, xhr => { throw new Error(xhr.statusText); })' ```
## Challenge Seed
## Solution
```js // solution required ```