vue文件怎样运行?

vue文件怎样运行?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1、首先,列出来我们需要的东西:

node.js环境(npm包管理器)

vue-cli 脚手架构建工具

cnpm npm的TB镜像

1.png

2、如果你是用vue-cli webpack builid之后,

放到web服务器,访问index.html就可以运行了。

2.png

常见的web服务器有tomcat,nginx等。

推荐使用nginx。

4.png

3、在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

3.png

4、这里简单介绍下 npm run dev 命令,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。

项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。

5.png

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是vue文件怎样运行?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏