phpstrom uses autoprefixer to prefix css

npm install autoprefixer -g


npm install postcss-cli -g


npm install postcss -g

4. Configure External Tools

Open the Webstorm settings, Preferences -> Tools -> External Tools; click the Add button, as shown in the figure:

The configuration is as follows:

Program: C:\Users\Administrator\AppData\Roaming\npm\postcss.cmd;
Parameters: -u autoprefixer -o $FileDir$\$FileName$ $FileDir$\$FileName$
Working directory : $ProjectFileDir$

5. Set shortcut keys

 

Configuration Compatibility:

In the package node_modules\browserslist in the installation package directory

The configuration file is index.js

My directory is: C:\Users\Administrator\AppData\Roaming\npm\node_modules\autoprefixer\node_modules\browserslist\index.js

f3d5e4c409b3cc4cb836b8ab6d37f3de.png

 

Guess you like

Origin blog.csdn.net/cuiyuchen111/article/details/123133115