调试VUE过程中遇到的问题及解决办法

前言：本文撰写源于作者在前端学习中使用VScode和HbuilderX遇到的一些问题和自己尝试的解决办法，虽然不尽然知道其解决原理，但是也想整理出来留作总结。不足之处请各位大佬谅解，欢迎吐槽。

一、npm和node环境部署

        在使用vue框架进行项目开发时，需要提前安装node和npm环境，但是两者使用必须进行版本对应，否则之后会出现一些运行过程的问题。由于网上的版本对应表实际是跟不上版本变化的，所以安装时保证npm更新到最新版本，并且确认在node官网上下载的是最新版而非最多用户使用的版本，可以方便版本对应。

 

二、聒噪的进程已运行问题

        一般“npm A complete log of this run can be found”可见在error出现的最后提示，本文作者出现这个问题的原因竟是一中版本不对应，所以请解决这个问题之前先保证node和npm环境版本对应。按照以下顺序解决：

a、命令行输入代码如下，检查是否成功

npm cache clean --force

b、若以上方法无效，删除项目文档中的node_modules文件夹，并在命令行对应文件夹内输入代码

npm install

c、若在重新下载后仍然无效，请尝试使用npm run build代码检查是否能编译，笔者最后的情况是npm run dev报错但是npm run build可编译且npm run serve正常运行本地端口