1.vue项目之前后端分离（vue前端项目启动报错出现问题的解决）

1.首先安装node.js环境，安装完成之后，可在控制面板中，进行验证,如下图所示：

因为我自己已经装了，所以就不需要去担心这个问题了：

"D:\IDEA_JAVA\IntelliJ IDEA 2018.2.4\bin\runnerw.exe" D:\node\node.exe D:\node\node_modules\npm\bin\npm-cli.js run dev --scripts-prepend-node-path=auto

> [email protected] dev C:\Users\wu\Desktop\work\11\vue\CBoard-v
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

'webpack-dev-server' �����ڲ����ⲿ���Ҳ���ǿ����еij���
���������ļ���
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\wu\AppData\Roaming\npm-cache\_logs\2018-11-12T06_20_10_706Z-debug.log

在启动项目的过程中遇到了这个问题：如图：

2.找到node.js的安装exe程序，如下图所示：

进入该项目的命令行：

如图所示：

安装vue对应的相关依赖，如下图所示：

安装命令如下：npm install

但是显示了错误，推测可以得知，依赖包显示了一部分，将其进行删除：

执行命令cnpm cache clean

如图所示：进行依赖的全部删除操作：

尽管还是会报错，不用管，一直到内部程序结束为止：

接下来安装cnpm install的相关依赖包:

过程如下所示：

结果就是显示成功，点击如下的蓝色，url即可跳转到对应的项目界面：

最终跳到的界面如下所示；

显示的过程如下：

具体内部过程就是先删除缓存垃圾（先把没下全的依赖删除），执行命令是cnpm cache clean,>执行依赖安装命令cnpm install>

最后再次执行vue的执行文件入口 npm run dev.

也可以手动执行如下图文件：

找到该项目的二级目录，然后，找到json文件，之后，点击dev即可。

过程如下：

安装成功之后，显示如下：