HBuilder启动vue项目

记录:学习vue

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

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

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

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

HBuilder启动vue项目_第1张图片

HBuilder启动vue项目_第2张图片

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

HBuilder启动vue项目_第3张图片

这个运行没有改哦!

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

修改main.js文件

HBuilder启动vue项目_第4张图片

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

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

我修改了三处:

HBuilder启动vue项目_第5张图片

保存,重启hbuilder 

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

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

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

HBuilder启动vue项目_第6张图片

结束

HBuilder启动vue项目_第7张图片

然后,就会发现错误

HBuilder启动vue项目_第8张图片

 应该是没有按脚手架

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

HBuilder启动vue项目_第9张图片

安装完成

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

然后,又出现了问题

HBuilder启动vue项目_第10张图片百度也没看出来什么,本来想着下班前弄好环境,结果,到这了,关机,回家

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

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

HBuilder启动vue项目_第11张图片

参考: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

你可能感兴趣的:(vue)