HBuilder中使用命令行工具(npm导入文件包)(转载)

29 篇文章 0 订阅
7 篇文章 1 订阅
  1. 点击顶部菜单中的“运行”

    hbuilder集成命令行工具cmd

  2. 在弹出的快捷菜单中点击“外部工具”

    hbuilder集成命令行工具cmd

  3. 点击外部工具 配置项

    hbuilder集成命令行工具cmd

  4. 在打开的“外部工具 配置项”界面中点击左侧的新建图标按钮,如图

    hbuilder集成命令行工具cmd

  5. 在右侧输入名称,要执行的命令或文件下的文本框中输入“C:\windows\system32\cmd.exe”

    hbuilder集成命令行工具cmd

  6. 工作目录中输入${project_loc},然后点击应用按钮

    hbuilder集成命令行工具cmd

  7. 在公共配置中默认设置的编码和输入,及在后台启动选项最好都使用默认的不要修改

    hbuilder集成命令行工具cmd

  8. 设置好之后点击右下角底部的运行按钮

    hbuilder集成命令行工具cmd

  9. 就能在工具的控制台 打开命令行了,由于前边已经选中了项目,所以这里就直接在项目目录下运行了,如果需要webpack打包的话,就可以直接在这里输入命令了

    hbuilder集成命令行工具cmd

 

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

  1. 在命令行工具的控制台中,是无法像命令行窗口一样使用ctrl+s取消当前正运行的某些命令的,如npm run dev,如果要终止就需要点击终止按钮了,如图

    hbuilder集成命令行工具cmd

  2. 终止按钮右侧的X是除去启动按钮,类似关闭命令行窗口,再右侧的xx按钮就是关闭所有命令行窗口的按钮

    hbuilder集成命令行工具cmd

  3. 点击如图所示的控制台图标按钮,就可以切换到hbuilder的控制台或者边改边看控制台了

    hbuilder集成命令行工具cmd

  4. 不用的命令行最好关掉,如图所示,如果不关掉,同时打开多个命令行窗口,可能会影响正常是使用的

    hbuilder集成命令行工具cmd

     

注意事项

  • hbuilder集成cmd之后,在控制台操作室输出的内容可能会乱码,但是不影响使用,貌似

  • 如果无法正常运行某些命令,如npm run dev ,那么最好查看下是不是开多了命令行了,如果一个命令行已经运行这个命令,那其他命令行控制台再运行肯定会出错的

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue CLI是一个官方认证的Vue.js的脚手架工具。它通过简化打和开发流程,让开发更加简单和高效。而Uni-app则是一款基于Vue.js框架开发的跨平台应用,可以同时支持各种平台的代码运行,如微信小程序、H5、安卓等。 如果你希望使用Vue CLI创建Uni-app,那么摆脱Hbuilder是必须的。在这种情况下,你可以通过命令行模式使用npm运行和发布你的应用程序。在此之前,你需要在系统上安装好Node.js和Vue CLI,以及运行npm install安装必要的依赖项。 接下来,我们需要使用Vue CLI创建一个项目,运行以下命令: vue create my-uni-app 这将创建一个名为“my-uni-app”的Vue项目,其含Uni-app所需的设置和配置。 接下来,我们需要安装uni-app的依赖项,运行以下命令: npm install @dcloudio/vue-cli-plugin-uni 安装完成后,我们需要将该插件添加到我们的Vue项目。这可以通过编辑vue.config.js文件并添加以下内容来完成: module.exports = { chainWebpack: config => { config.module .rule('vue') .use('uni-app-loader') .loader('@dcloudio/vue-cli-plugin-uni/packages/uni-app-loader') .options({ // Options }) } } 现在我们已经准备好运行Uni-app了。通过以下命令来运行项目: npm run serve 这将在本地运行Uni-app应用程序,并在URL http://localhost:8080/ 上提供服务。 一旦应用程序准备就绪,我们只需通过以下命令进行构建: npm run build 这将为我们的应用程序生成一个可执行的,我们可以将其上传到各种应用商店和渠道进行发布。 总之,使用Vue CLI创建Uni-app是一个更高效和开发友好的方式。通过摆脱Hbuilder,我们现在可以使用更简单的命令行方式进行开发和发布。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值