ADD PUG TO FILEWATCHER INSTALL
ADD PUG TO FILEWATCHER CODE

My wonderful navbar nav #navbar-default //- My wonderful navbar nav #navbar-default nav #navbar-default // My wonderful navbar // My wonderful navbar It is just so, awesome! nav #navbar-default - const name = 'Jim' //- Now I can refer to a 'name' variable in my Pug code p = 'Two to the power of ten is: ' + 2 ** 10 Two to the power of ten is: 1024 p = 'alert('Hi')' p> - const name = 'jim' p Hi # extends layout.pug include mixins/_tableRow block content table.

Since the initial generated file contains HTML, you may choose to delete. For example, let’s say we’re generating a home page component: ng g c home -style css -m app Change the HTML file extension. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ng add ng-cli-pug-loader Generate your component according to your preferences. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. navbar-header My Website! We can write anything we want here … p | You are logged in as |. Placeholder = 'Enter a search term.' ) Home h1. container-fluidĪ ( href = '/page-2' ) input. In the Program field, specify the path to the pug or jade package. Your code will be translated into JavaScript and supplied with generated source maps. Click or press Alt+Insert and choose the Pug/Jade predefined template from the list. navbar-header My Website! nav #navbar-default. Open the Settings/Preferences dialog (Ctrl+Alt+S) and go to Tools File Watchers.

ADD PUG TO FILEWATCHER INSTALL

remark p Pug rocks!! Pug rocks!! nav navbar-default div npm install pug Also download the pug command line tool npm install pug-cli Set watcher Under WebStorm, File->settings Search watcher in the upper left corner, select Tools->fileWatcher Add a watcher, set as follows View Image Under Program, select nodemodules/.bin/pug. html -P watching index.pug rendered /home/jim/Desktop/pug-examples/html/index.html doctype html html ( lang = 'en' ) head title Hello, World! body h1 Hello, World! div. Npm i -g pug-cli $ pug -version pug version: 2.0.3 pug-cli version: 1.0.0-alpha6 mkdir -p pug-examples/html cd pug-examples touch index.pug pug -w.

Add pug to filewatcher