springboot+vue前后端分离项目搭建

今天开始学习springboot+vue的前后端分离项目,跟着bili的视频开始做起。

第一步 安装node.js 

node.js自带npm插件,npm 是node的一个包管理工具,安装好了node.js,就安装了npm。安装好后可以在cmd(或者shift+鼠标右键打开powershell窗口)中执行 node -v 和 npm -v 命令查看版本和是否安装成

 

 

第二步 安装cnpm

 第一次我就是直接用npm命令安装vue了,后来发现速度非常慢,卡住不动,我就退出然后卸载了安装的部分,然后下载阿里云镜像

npm安装是从npm官网下载对应的包,该网站的服务器在国外,经常会出现下载缓慢或出现异常。于是阿里巴巴的淘宝团队把npm官网的插件都同步到了在中国的服务器,提供给我们从这个服务器上稳定下载资源。也即我们可以使用淘宝镜像 cnpm替代npm。
cnpm安装命令: npm install -g cnpm --registry=http://registry.npm.taobao.org
cnpm跟npm用法一致,只是在执行命令时将npm改为cnpm。

第三步 打包vue

安装最新版: cnpm install -g @vue/cli

安装指定版本:cnpm install -g @vue/cli@4.4.1

然后安装完成后可以查看版本信息:vue -V

 

 这里安装完成,就可以创建项目了。

第四步 创建项目

在相应的文件路径下创建 :vue create springboot-vue-demo02

然后选择

 然后勾选这三个,并进入Vuex选择版本即可完成创建。

 

 

第五步 idea配置npm

服务器选择npm,配置如下

如果找不到Node路径,可以手动选择本地路径。

 

最后成功运行

 

 

 

posted @ 2022-10-01 10:56  权。  阅读(671)  评论(0编辑  收藏  举报