Spring Boot中Node.js的下载与Vue CLI在IDEA中的部署及使用（图文解释 简单易懂）

仍有问题可点赞关注收藏后在评论区留言~~~

一、Node.js与npm的下载

在使用Vue CLI(Vue脚手架)搭建前端系统的时候，因为需要用到npm安装Vue CLI，而npm是集成在Node.js中的，所以需要首先安装Node.js

Node.js官网

下载过程很简单，一路next就可以了，下载完成后在命令行窗口输入以下命令检测是否安装成功

node -v 检测Node.js是否安装成功

npm -v 检测npm是否安装成功

同样可以输入npm -g install npm将npm更新到最新版本

二、IDEA中安装Vue CLI

在IDEA中 在终端命令行使用npm i -g vue-cli安装Vue脚手架

如果出现以下的报错 请参考我这篇博客解决

解决脚本文件运行不了

安装完成之后可以输入vue -V查看版本检测是否安装成功

Vue脚手架安装成功后就可以初始化webpack包结构，在IDEA终端中继续输入命令

vue init webpack cardmis-vue(你自己的项目名字)

然后进行如下设置

初始化完成后显示如下信息

然后在终端中依次输入命令

cd cardmis-vue(你自己项目的名字)

npm run dev

启动Vue项目 完成后 将提示通过哪个端口进行访问

接下来点击图中网址就可以启动Vue项目（或者在浏览器中输入该网址）

效果如下

至此 部署以及使用完成