Use background
The automatic generation of quasar icons used in May and June last year was still version 1. Version 1 is Quasar App Extension, which is to be installed in the project folder for use. I used it at that time and I feel that this is very useful.
After upgrading the quasar cli version in this year’s project, when I went to use the icon auto-generation, I found that it became Icon Genie CLI . After the upgrade, it was a globally installed tool.
Use process step record
according to the document 160857cf1d7d71 Icon Genie CLI Installation :
npm install -g @quasar/icongenie
Found an error. Read the document carefully and found a friendly reminder:
To install this prompt, open the command line and install the windows-build-tools tool with administrator privileges. The specific installation command can be viewed npm: windows-build-tools .
After opening the project, Icon Genie CLI Command List run according to the command when icongenie was run, and an error was reported again:
Something went wrong installing the "sharp" module
The specific error is shown in the figure:
(The above picture is a reference to @quasar/icongenie v2.3.0 released! This article, I encountered the same error, I forgot to take the screenshot and turned it off. After solving the problem, the error cannot appear)
Then follow the error prompt, open the command line, and use the administrator authority. Install sharp in the npm\node_modules\@quasar\icongenie project:
sharp # High performance Node.js image processing
npm install sharp
After installation, run the icongenie command again, and finally no error is reported.
But the prompt picture does not exist:
As you can see from the above figure, when icongenie verify is used, it can correctly find the default icon generated before in the public folder, so the path should be incorrect.
icongenie verify command
Use icongenie verify to see which mode your project uses, and then select different commands icongenie app-icons-list
icongenie generate succeeded
finally:
icongenie generate -m spa -i public/app-icon.png
Successfully got it:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。