![]() ![]() There are several tools that accomplish this today, with installation just a click away: LiveReload See you on my next post, till then take care.It’s a web development pattern so ingrained we barely notice it: hit ⌘-S to save an HTML or CSS file, ⌘-TAB to switch to a browser window, ⌘-R to refresh it, then back to the editor for more changes, repeated dozens of times a day.Īnything that cuts down this series of steps reduces fatigue while forging a closer link between code and design: rather than playing a guessing game (“does this work?” (save / refresh) “maybe this?” (save / refresh)) developers can watch the browser adapt to their code changes in close to real time. Thanks for reading this post and feel free to drop your comments, will be happy to read them. This is the most suitable way to integrate a theme. I hope this will help to integrate theme easily. You will see in grunt watch command toolbar pub static file updates and show the updated file.įinally, the changes appear quicky on the browser web page without the page reload. Now open your _extend.less file and add/edit the CSS changes and save it.You can see the inner dot darken after enabling the extension. ![]() You have to enable the LiveReload extension from your browser toolbar.First of all, You have to run the grunt watch command in the command line to monitor the file CSS changes.Click on the LiveReload toolbar button to enable or disable LiveReload.This icon indicates LiveReload status of the current tab (unavailable / disabled / enabled, connecting / enabled, connected).LiveReload toolbar button is located in the main toolbar in Chrome, Safari and in the Add-on Toolbar of Firefox (at the bottom).You can download the livereload.js from here. Add this JS File on the root of your project: livereload.js.Your Port Number(Mostly, It remains the same): 35729.On the above code, you can see the src URL add the JS file. To do this, run the following command in a command promptĬopy Code Copied Use a different Browser Install the Grunt CLI globally on your server.Now, first of all, We are starting to install the grunt on your local or development server. Magento 2 contains manual tasks that you only need to configure.It uses a command-line interface to run custom tasks specified in a file (known as a Gruntfile). This method was used to perform regular tasks like minification, compiling, unit testing and linting automatically.Grunt (Grunt JavaScript Task Runner) is a tool that lets you build automated tasks in JavaScript. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |