idea 如何运行vue项目

1543年前SpringBoot2061
这里以RuoYi-Vue项目为例,开源地址
1.环境准备
JDK >= 1.8 (推荐1.8版本)
Mysql >= 5.7.0 (推荐5.7版本)
Redis >= 3.0
Maven >= 3.0
Node >= 10


2.安装

   安装node.js(参考node.js菜鸟教程

3.运行后台http://localhost:8080,如下图,说明接口跑通。然后继续参考下面步骤部署ruoyi-ui前端,然后通过前端地址来访问

image.png

4.运行前端

image.png

# 进入项目目录
cd ruoyi-ui
# 安装依赖
npm install
# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
npm install --registry=https://registry.npm.taobao.org
# 本地开发 启动项目
npm run dev


5.打开浏览器,输入:(http://localhost:80 (opens new window)默认账户/密码 admin/admin123)

若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功

)



相关文章

js截取字符串方法substr和substring

 (1)substr 方法:var stringvar='abcdefghigklmn';stringvar.substr(start [, length ]);start:...

bootstrap-suggest.min.js搜索下拉建议插件实例

bootstrap-suggest.min.js搜索下拉建议插件实例

效果图:官网demo1.引入外部js、css:<link id="bscss" href="${root}/bootstrap/css/bootstrap.css&...

jquery 操作html元素(及CSS)

jquery 操作html元素(及CSS)

 $("li").addClass("aui-user-view-cell aui-img") ;  //给元素添加样式$('#a1...

jquery获取下拉列表选中的文本值

                 &nb...

api.js如何判断aui-switch样式的checkbox是否选中

api.js如何判断aui-switch样式的checkbox是否选中

HTML: <input class="aui-switch" type="checkbox" value="1" ...

js解析json对象获取属性名及值(key value值)

不知道json串属性名字的时候,需要获取属性名。直接附代码://基本json串 var jsonObj = {"55":"1",...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。