Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to use less in pycharm". In daily operation, I believe many people have doubts about how to use less in pycharm. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "how to use less in pycharm". Next, please follow the editor to study!

Less is used in the frontend css. The steps to install and configure less in pycharm are as follows:

1. Click setting, search for node.js in Plugins (you have to install node.js before installing less), and close and reopen pycharm after successful installation.

two。 Click Terminal in the lower left corner of pycharm, type npm install-g less, and install less:

3. Check whether the installation is successful, and execute the command "lessc-v" to check the version:

(you should see the less version number information after the normal execution of the command, but my pycharm does not know why the following screenshot error is reported, but it does not affect the subsequent normal use)

4. Add less to pycharm:

5. Test to create a less file in pycharm and use:

Click "ok" to generate the following structure file:

Write the following code in demo.less:

After the ctrl+s is saved, you can see that the following code is automatically generated in the demo.css file (automatically converts the less file to a css file):

Reference the compiled .css file in the html file

Save the html file and open it in the browser to see that the body background color has turned pink:

At this point, the study on "how to use less in pycharm" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.