首页 > 电脑专区 > 电脑教程 >

hbuilder集成命令行工具cmd

来源:互联网 2023-02-21 19:22:30 版权归原作者所有,如有侵权,请联系我们

不少做前端开发的小伙伴都在在用hbuilder,的确,作为国产前端开发工具,hbuilder还是蛮不错的。hbuilder默认是没有集成命令行工具的,但是可以集成命令行工具cmd.exe的功能的TMi办公区 - 实用经验教程分享!

工具/原料

  • hbuilder(windows系统)

方法/步骤

  • 1

    点击顶部菜单中的“运行”TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 2

    在弹出的快捷菜单中点击“外部工具”TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 3

    点击外部工具 配置项TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 4

    在打开的“外部工具 配置项”界面中点击左侧的新建图标按钮,如图TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 4该信息未经授权抓取自百度经验
  • 5

    在右侧输入名称,要执行的命令或文件下的文本框中输入“C:windowssystem32cmd.exe”TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 6

    工作目录中输入${project_loc},然后点击应用按钮TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 7

    在公共配置中默认设置的编码和输入输入,及在后台启动选项最好都使用默认的不要修改TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 8

    设置好之后点击右下角底部的运行按钮TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 9

    就能在工具的控制台 打开命令行了,由于前边已经选中了项目,所以这里就直接在项目目录下运行了,如果需要webpack打包的话,就可以直接在这里输入命令了TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 10

    设置好之后,就可以在选中项目之后,单击右键,在快捷菜单中点选外部工具,然后再外部工具的夏季菜单中点击前边设置好的cmd就可以了TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 集成命令行工具的终止及切换

  • 1

    在命令行工具的控制台中,是无法像命令行窗口一样使用ctrl s取消当前正运行的某些命令的,如npm run dev,如果要终止就需要点击终止按钮了,如图TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 2

    终止按钮右侧的X是除去启动按钮,类似关闭命令行窗口,再右侧的xx按钮就是关闭所有命令行窗口的按钮TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 3

    点击如图所示的控制台图标按钮,就可以切换到hbuilder的控制台或者边改边看控制台了TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 4

    不用的命令行最好关掉,如图所示,如果不关掉,同时打开多个命令行窗口,可能会影响正常是使用的TMi办公区 - 实用经验教程分享!

    hbuilder集成命令行工具cmdTMi办公区 - 实用经验教程分享!

  • 注意事项

    • hbuilder集成cmd之后,在控制台操作室输出的内容可能会乱码,但是不影响使用,貌似
    • 如果无法正常运行某些命令,如npm run dev ,那么最好查看下是不是开多了命令行了,如果一个命令行已经运行这个命令,那其他命令行控制台再运行肯定会出错的

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!TMi办公区 - 实用经验教程分享!


    标签: 操作系统成命工具

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号