在HBuilderX中添加Yarn npm pnpm命令

在HBuilderX中添加Yarn/npm/pnpm命令#

1. 首先，确保你已经正确安装了Yarn。如果还没有安装，你可以从Yarn官方网站下载对应的安装包，并按照提示进行安装。安装完成后，可以在终端或命令提示符窗口运行yarn --version命令，如果成功显示Yarn的版本号，说明安装成功。

   

2. 接下来，在HBuilderX中添加Yarn的外部命令。打开HBuilderX，在菜单栏中选择“工具”-“外部命令”-“自定义外部命令”。

   

3. 在”用户设置”窗口中添加如下命令代码，保存配置。这样，HBuilderX就会有Yarn作为外部命令。

   

   JSON

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20

   [
    {
           "name":"Yarn install",
           "command":"yarn install",
           "type": "terminal",
   		"workingDir" : "${projectDir}"
       },
   	{
   	       "name":"Yarn run dev",
   	       "command":"yarn run dev",
   	       "type": "terminal",
   			"workingDir" : "${projectDir}"
   	   },
   	{
   	       "name":"Yarn run build:prod",
   	       "command":"yarn run build:prod",
   	       "type": "terminal",
   			"workingDir" : "${projectDir}"
   	   }   
   ]
   

4. 在项目中测试配置是否生效。自己打开或者新建一个项目，先使用yarn install 再使用yarn run dev 命令

   

5. 看到项目运行成功，web网页链接出现

   

6. 其他yarn命令或pnpm命令可自行配置

7. PS: 网上一堆关于HbulidX的教程害人不浅，最终决定自己写一个