【基础环境配置】IDEA中搭建Spring Boot框架实现可视化大屏的开发

开发前环境准备—在idea中将less自动转换为css

一、安装node.js

• 根据自己的需求安装版本

• 升级npm到最新版本
• 在cmd中检查是否安装成功

npm install -g npm@9.4.2 -registry=https://registry.npm.taobao.org

node -v

npm -v

二、配置npm

        1、配置缓存目录和全局目录—地址根据自己的喜欢来

npm config set prefix "E:\File-information\JavaProjects\nodejs\node_globals" //配置全局模块存放路径

npm config set cache "E:\File-information\JavaProjects\nodejs\node_cache"   //cache路径

npm config get prefix //查看全局模块路径

npm config get cache  //查看cache路径

        2、在cmd安装cnpm

npm install -g cnpm - registry=https://registry.npm.taobao.org

三、实现less文件保存后自动生成css文件

• 进入node全局路径执行下面命令

cnpm i less -g

四、在idea中创建项目

到此，项目就创建好了。

• 配置maven

• 配置项目结构

五、安装插件

        1、安装px2rem

        2、安装File Watchers

        3、重启idea

        4、配置less文件自动生成css文件

• 将less的作用域改为全局

        5、在application.properties文件中加入数据库连接-备用

spring.datasource.driver-class-name= com.mysql.cj.jdbc.Driver

spring.datasource.url= jdbc:mysql://"你的MySQL所在服务器IP":3306/bigdata_db?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8

spring.datasource.username = 用户名
spring.datasource.password = 密码

到此，框架和基础环境就准备好了。