un7.10:Vs-Code中快速搭建若依框架。

冷不防 2023-10-11 17:51 9阅读 0赞

随着若依框架的发布，越来越多的人意识到了它的便利性，也有更多人去使用这样一款框架，那么，我们该如何搭建这样一款框架呢？接下来，我就来为大家演示一番。

所需软件：IDEA、README、node-v、redis-server.exe。

一、按照我上一篇博客中的方式，将整个若依框架搭建好。

![280e6df73f2b4db9b65ba5d2ca40b4ad.png][]

二、打开redis-server.exe应用即可。

![d1126d86c1f04a60a3ad864607c0b7ee.png][]

三、打开vscode中的README，然后新建一个文件夹，我的叫ruoyi-UI。

1、api显示网络请求代码。

2、views显示视图代码。

![dd2a9c744f424fd7a6eb20958d8e2a9d.png][]

四、打开README.md文件，显示右侧内容。

![2a36346e160041bca977a1abc7ea99ce.png][]

五、点击上方的终端，选择新建一个终端。

1、把npm install --registry=https://registry.npmmirror.com复制到终端，点击确定键，再把npm run dev复制到终端，点击确定，界面如下：

![87f2927a496e4beb94bf284c18fa6ac9.png][]

2、显示如下页面代表成功：

![f768fc68015045789def9fcb8a073608.png][]

六、成功后自动跳转到登陆界面，如下图：

![1716a6bcfcca4a6993263d76df53758e.png][]

七、点击登录，进入系统，如下图：

![a9285a039f3b41cf8331a0c3c84a47ff.png][]

如此，我们便成功搭建好一个完整的若依框架了，接下来只要往进写代码就可以。

[280e6df73f2b4db9b65ba5d2ca40b4ad.png]: https://img-blog.csdnimg.cn/280e6df73f2b4db9b65ba5d2ca40b4ad.png
[d1126d86c1f04a60a3ad864607c0b7ee.png]: https://img-blog.csdnimg.cn/d1126d86c1f04a60a3ad864607c0b7ee.png
[dd2a9c744f424fd7a6eb20958d8e2a9d.png]: https://img-blog.csdnimg.cn/dd2a9c744f424fd7a6eb20958d8e2a9d.png
[2a36346e160041bca977a1abc7ea99ce.png]: https://img-blog.csdnimg.cn/2a36346e160041bca977a1abc7ea99ce.png
[87f2927a496e4beb94bf284c18fa6ac9.png]: https://img-blog.csdnimg.cn/87f2927a496e4beb94bf284c18fa6ac9.png
[f768fc68015045789def9fcb8a073608.png]: https://img-blog.csdnimg.cn/f768fc68015045789def9fcb8a073608.png
[1716a6bcfcca4a6993263d76df53758e.png]: https://img-blog.csdnimg.cn/1716a6bcfcca4a6993263d76df53758e.png
[a9285a039f3b41cf8331a0c3c84a47ff.png]: https://img-blog.csdnimg.cn/a9285a039f3b41cf8331a0c3c84a47ff.png