vue文件操作教学法

vue文件是如何工作的？让我们和边肖一起看看。

1.首先，列出我们需要的东西：

node.js环境的TB映像(npm包管理器)vue-cli脚手架构建工具cnpm NPM

2.如果您使用vue-CLI网络包来构建id，

把它放在网络服务器上，访问index.html，你就可以运行它。

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

建议使用Nginx。

4.在项目目录中，运行命令npm run dev将在热加载模式下运行我们的应用程序，这使我们可以实时看到修改后的效果，而无需在修改代码后手动刷新浏览器。

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

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