vue文件运行的方法教学

  

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

  

 vue文件运行的方法教学

  

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

  
      <李> node . js环境(npm包管理器)   <李> vue-cli脚手架构建工具李   <李> cnpm, npm的结核病镜像李   
  

 vue文件运行的方法教学

  

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

  

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

  

 vue文件运行的方法教学

  

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

  

推荐使用nginx。

  

 vue文件运行的方法教学

  

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

  

 vue文件运行的方法教学

  

5,这里简单介绍下,npm dev 命令,其中的“运行”对应的是package.json文件中,脚本字段中的开发,也就是,节点构建/dev-server.js命令的一个快捷方式。

  

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

  

 vue文件运行的方法教学

vue文件运行的方法教学