HBuilder启动vue项目

记录:学习vue

第一次,启动项目(git下载),现在进行到,代码下载完,用HBuilder打开,

第一步:下载、安装node(下载 | Node.js 中文网

一定 不要下载最近版本!!!!!!!!!!!!!!!!!!!!!!!!!

我第一次下载的就是16.14.2的最新版本,结果报错

 安装没有注意,一直下一步

这个运行没有改哦!

hbuilder vue 终端没有输出 问题(貌似因为hbuilder不是以管理员身份运行的),我也用vscode起服务,就没有这个问题

修改main.js文件

 文件里,搜索字段:powershell.exe

替换成:C:/Windows/System32/WindowsPowerShell/v1.0/powershell.exe

我修改了三处:

保存,重启hbuilder 

文章下面链接还有别的方法。

第三步:运行别人的,先 npm install

这个状态是刚刚开始,不要关!

结束

然后,就会发现错误

 应该是没有按脚手架

安装命令:npm install -g @vue/cli

安装完成

继续:npm run dev(启动dev环境)

然后,又出现了问题

百度也没看出来什么,本来想着下班前弄好环境,结果,到这了,关机,回家

想着第二天来继续看看,结果,第二天,直接npm run dev 就好用了!!!!!!!!

原来 我昨天只差一个重启(node从16-》14-》10都没有重启)

参考:Windows下Node.js10.15下载安装使用_Hal白夜的博客-CSDN博客_node10.15.3下载这里我下载安装Node.js的版本是10.151.下载官网下载:https://nodejs.org/zh-cn/download/通常我们直接下载windows安装包就可以了,比较方便如果要下载指定的版本,在当前页拉到最下,点击以往的版本在里面可以找到我们需要的版本,点击下载同样,选择64位的msi安装包下载就可以了。2.安装安装没什么特别的,一直点Next,最多自己更改一下安装目录,最后安装好了点Finish。3.测试安装好后可以测试一下是否安装成功,由于它会自动帮我们添加环https://blog.csdn.net/weixin_38958597/article/details/116698349

针对Hbuilderx内置终端无法输入问题,总结了三种方法供大家参考 - 梦幻轩 - 博客园下图,是内置终端无法输入的现象(本人使用的第三种方案,解决了该问题) 第一种解决方案,也是网上推荐最多的方案: 打开Hbuilder安装路径下插件文件夹中的main.js文件:HBuilderX\plhttps://www.cnblogs.com/xuanmenghuan/p/15195176.html

  • 1
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要在HbuilderX中启动Vue项目,可以按照以下步骤进行操作: 1. 打开HbuilderX并创建一个新的Vue项目。可以选择Vue项目模板来创建项目。 2. 在项目目录下创建一个名为index.js的文件,并在其中配置路由。可以使用引用\[2\]中提供的代码作为参考。 3. 在main.js文件中配置路由。可以使用引用\[3\]中提供的代码作为参考。 4. 下载并安装ElementUI框架,以便在Vue项目中使用。 5. 在HbuilderX中右键单击项目文件夹,选择"npm run serve"来启动项目。 6. 在浏览器中输入显示在底部的地址和端口号,即可访问Vue页面。 请注意,以上步骤仅为一般的操作指南,具体的步骤可能会因个人配置和项目需求而有所不同。 #### 引用[.reference_title] - *1* [HbuilderX如何创建并运行Vue项目](https://blog.csdn.net/weixin_46017976/article/details/111475206)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [使用HBuilderX软件快速搭建Vue项目](https://blog.csdn.net/yzl1293346757/article/details/127193499)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值