首页 > 游戏数码 > 互联网 > vue文件怎么运行

vue文件怎么运行

   来源:秒知站    阅读: 2.77W 次
字号:

用手机扫描二维码 在手机上继续观看

手机查看

vue文件怎么运行呢?下面就跟小编一起来看一看吧。

vue文件怎么运行

操作方法

(01)首先,列出来我们需要的东西:环境(npm包管理器)vue-cli 脚手架构建工具cnpm  npm的TB镜像

vue文件怎么运行 第2张

(02)如果你是用vue-cli webpack builid之后,放到web服务器,访问就可以运行了。

vue文件怎么运行 第3张

(03)常见的web服务器有tomcat,nginx等。推荐使用nginx。

vue文件怎么运行 第4张

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

vue文件怎么运行 第5张

(05)这里简单介绍下 npm run dev 命令,其中的“run”对应的是文件中,scripts字段中的dev,也就是 node build/命令的一个快捷方式。项目运行成功后,浏览器会自动打开localhost:8080(如果浏览器没有自动打开,可以手动输入)。

vue文件怎么运行 第6张

特别提示

如果看不懂,请教专业人员。

电脑网络
IT技术
互联网
电脑
摄影
手机
游戏