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即可。
过程如下:
安装成功之后,显示如下: