title: EJS shows red mark when trying to embed data
body: <p>i have this node server with express which directs data to different files like .ejs files and it worked before but I dont know what I did and so that it doesnt work, it marks every ejs's "&lt;" in red.
  im using VS CODE. </p>
  
  <pre><code>    var app = express();
  app.set('view engine', 'ejs');
  
  
  app.get('/', function(req, res){
      res.send("Hello wassup");
  });
  
  app.get('/homepage/:name', function(req,res){
      res.render('home', {fullname : req.params.name});
  });
  
  app.get('/profile/:name', function(req, res){
      var data = {Dummytext: "hey yo wassup and all that yea imma be right here tho",
          hobbies : ['baskeall','computing','drawing', 'Learning', 'Driving'] };
      res.render('profile', {fullname: req.params.name, data:data});
  });
  
  app.listen(4000);
  </code></pre>
  
  <p>and i have for example this ejs file that doesnt work</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;title&gt;bla&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="partials/nav.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;% include partials/nav.ejs %&gt;
  
  &lt;div class="user-info"&gt;
      &lt;div class="user-about"&gt;
          &lt;div class="user-name"&gt;&lt;span&gt;&lt;%= fullname %&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;div class="user-info_"&gt;
              &lt;div class="userimg"&gt;
              &lt;img src="/YDSign.png" alt="User profile" draggable="false" /&gt;
              &lt;/div&gt;
              &lt;div class="user-speech"&gt;&lt;p&gt;&lt;%= data.Dummytext%&gt;&lt;/p&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="user-button"&gt;
          &lt;button type="button" class="friendAdd"&gt;Add Friend&lt;/button&gt;
          &lt;button type="button" class="friendBell"&gt;Bell&lt;/button&gt;
      &lt;/div&gt;
      &lt;div class="user-hobbies"&gt;
          &lt;div class="hobbies-list"&gt;
              &lt;h1&gt;Hobbies&lt;/h1&gt;
              &lt;div class="Upscroll"&gt;&lt;img src="/iconList/ArrowUp.png" draggable="false"/&gt;&lt;/div&gt;
              &lt;ul&gt;
                  &lt;% data.hobbies.forEach(function(item){ %&gt;
                      &lt;li&gt;&lt;a&gt;&lt;%= item %&gt;&lt;/a&gt;&lt;img src="iconList/Hobbies.png" class="ident" /&gt;&lt;/li&gt;
                  &lt;% }); %&gt;
              &lt;/ul&gt;
              &lt;div class="Downscroll"&gt;&lt;img src="/iconList/ArrowDown.png" draggable="false" /&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>