Vue项目运行及入口HTML文件浏览器运行问题

最新推荐文章于 2024-06-23 14:48:36 发布

JescaM

最新推荐文章于 2024-06-23 14:48:36 发布

阅读量1.8k

点赞数

分类专栏：项目文件运行文章标签： vue

本文链接：https://blog.csdn.net/weixin_41423107/article/details/109474035

版权

本文介绍了Vue项目的运行步骤，包括通过npm run dev在命令行启动项目，并强调需在项目目录下执行。同时，讨论了Vue项目入口HTML文件的浏览器运行，指出需要在HTML文件中引入vue.js才能正确解析JavaScript代码。

摘要由CSDN通过智能技术生成

Vue项目运行及入口HTML文件浏览器运行问题

一、Vue项目在命令提示符运行
npm run dev
(注意：需要在创建的Vue项目目录下运行，否则报错，用CD myvue进行转换到自己创建的相应的目录下）

二、入口页面HTML文件浏览器运行
创建后原本的index.html源代码：
在这里插入图片描述
需要在head里面引入vue.js，否则显示不了js代码。

 <script src="C:\Users\Administrator\myvue\node_modules\vue\dist\vue.js"></script>

（在创建的Vue项目的文件目录中找到既是其路径）
完整代码如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>myvue</title>
    <script src="C:\Users\Administrator\myvue\node_modules\vue\dist\vue.js"></script>
  </head>
  <b