您现在的位置是:网站首页> HTML&JS

HBuilderX开发Vue

  • HTML&JS
  • 2022-02-28
  • 726人已阅读
摘要

方法/步骤

首先打开Hbuilder创建一个新项目,如下图所示

1.png


Hbuilder如何创建并运行Vue项目

接着模板选择Vue项目,如下图所示

2.png


Hbuilder如何创建并运行Vue项目

然后等待一会项目就创建好了,如下图所示

3.png


Hbuilder如何创建并运行Vue项目

接着右键单击选择npm run build,如下图所示

4.png

Hbuilder如何创建并运行Vue项目

然后继续右键单击选择npm run serve,如下图所示

5.png

Hbuilder如何创建并运行Vue项目

接着找底部出现的地址和端口号,如下图所示

6.png

Hbuilder如何创建并运行Vue项目

最后在浏览器中输入即可访问vue页面了,如下图所示

7.png

Hbuilder如何创建并运行Vue项目

END

总结

1

1,打开Hbuilder创建一个新项目


2,模板选择Vue项目


3,等待一会项目就创建好了


4,右键单击选择npm run build


5,继续右键单击选择npm run serve


6,找底部出现的地址和端口号


7,在浏览器中输入即可访问vue页面了


问题:vue-cli-service 不是内部或者外部命令

8.png

解决:忘记 npm install 了:)就是删了node—modules重新安装



Top