使用npm run dev运行vue.js项目

    我们上一篇文章刚刚讲述了vue.js项目的创建，有兴趣的小伙伴可以去看看：使用npm创建第一个vue.js_笑到世界都狼狈的博客-CSDN博客

        接下来这篇文章，来讲述一下vue.js的运行：

1. 使用vsCode或者webStrom运行，其实，很简单，只要输入命令：npm run dev即可；

当然，你要确保你当前操作是在你项目文件的目录下，否则需要输入命令：cd my-project来找打当前目录文件，其中my-project为你的vue项目名，具体操作如下图所示<我用vsCode做示范>：

        1)：首先要在vsCode中打开项目，我这个人比较懒，习惯将项目直接拖进去，当然，你也可以通过打开文件的方式打开项目

         2)：打开终端，因为我们需要通过终端运行命令行。可以直接如下图点击菜单打开终端，或者输入快捷键ctrl+shift+`来打开终端

        3)：输入命令行，运行项目，像我这个项目的路径已经默认在项目文件下了，所以不需要输入cd my-project，vsCode一般打开都在项目文件下，webStrom一般需要输入cd my-project，具体看情况。

        在这里，输入：npm run dev就可以了，看到下面的结果，项目就运行成功了，浏览器会自动弹出页面

当然，如果你的浏览器没有自动弹出页面，你可以：

1. 选择将运行成功的地址复制粘贴到浏览器中打开项目
2. 看我另一篇文章：npm run dev后，浏览器不会自动打开_笑到世界都狼狈的博客-CSDN博客，解决npm run dev后，浏览器不会自动打开的问题

如果你要重新运行vue项目， 最好先”终止批处理操作”，只要在终端输入ctrl+c即可，如果输入ctrl+c没反应，可以试着先敲一个enter，在输入ctr+c来终止操作。如下图所示：

2.接下来讲的这种方式时直接在文件夹中运行vue项目，如果你只想运行看看项目，不看代码，那么你完全可以不用打开代码，直接在文件夹里运行。

如下图所示：

        1)：找到并打开项目所在文件夹，如下图所示

        2)：按住ctrl+shift,鼠标右键在空白处点击，选择”在此处打开powershell窗口”

        3)：此时弹出如下弹框，在里面输入命令行：npm run dev即可

        4)：运行结果如下：

好了，到此npm run dev运行vue项目的方法就讲完了，希望能帮助到像我这样的新手。