命令行工具springboot-cli

本文详细介绍如何从零开始使用SpringBoot创建并运行一个简单的Web应用程序。包括下载SpringBoot CLI、配置环境变量、编写Groovy源代码、运行及打包程序等步骤。通过本文,读者可以快速掌握SpringBoot的基本操作。

1.下载地址

https://repo.spring.io/release/org/springframework/boot/spring-boot-cli/

2.配置环境变量

 Path=D:\spring-2.1.13.RELEASE\bin

3.验证

spring --version

4.新建groovy文件

@RestController
class WebAppliction {
    @RequestMapping("/")
    String home(){
        return "Hello world!";
    }
}

5. 运行程序

spring run hello.groovy ----server-port:9000

6.打包程序

spring jar hello.jar *.groovy --include  resource/**,static/**,templates/** --exclude target/**,build/**

7.构建spring boot项目
 

spring init --denpendencies=web,data-redis knowledge-financial

spring init --list

 

 

 

 

### 配置 npm 和 vue-cli-service 以正确运行 springboot-vue-demo 项目并自动打开浏览器 在使用 Vue CLI 创建的项目中,`vue-cli-service` 是一个核心工具,用于启动开发服务器、构建生产代码以及执行其他任务。为了确保 `springboot-vue-demo` 项目能够通过 npm 正确运行,并在启动时自动打开浏览器,可以按照以下方法进行配置。 #### 1. 确保 npm 和 Node.js 已正确安装 在命令行中输入以下命令以检查 npm 和 Node.js 是否已正确安装: ```bash npm -v node -v ``` 如果未返回版本号,则需要先安装 npm 和 Node.js[^2]。 #### 2. 安装依赖 进入 `springboot-vue-demo` 项目的根目录,并运行以下命令以安装所有必要的依赖项: ```bash npm install ``` 这将读取 `package.json` 文件中的依赖列表,并安装到 `node_modules` 目录下[^1]。 #### 3. 修改 `package.json` 文件以支持自动打开浏览器 在 `package.json` 文件中找到 `scripts` 部分,并修改 `serve` 脚本为以下内容: ```json "scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" } ``` 这里添加了 `--open` 参数,该参数会在开发服务器启动后自动打开默认浏览器[^3]。 #### 4. 启动开发服务器 运行以下命令以启动开发服务器: ```bash npm run serve ``` 此时,`vue-cli-service serve` 命令会启动开发服务器,并根据 `--open` 参数自动打开浏览器访问指定地址(通常是 `http://localhost:8080`)[^1]。 #### 5. 处理可能的错误 如果遇到 `'vue-cli-service' 不是内部或外部命令` 的错误,请确保以下几点: - 检查是否正确安装了 `@vue/cli-service` 模块。可以通过以下命令重新安装: ```bash npm install @vue/cli-service --save-dev ``` - 确保全局安装了 Vue CLI 工具。如果没有安装,可以通过以下命令安装: ```bash npm install -g @vue/cli ``` #### 6. 配置 Spring Boot 与 Vue 项目结合 对于 `springboot-vue-demo` 项目,通常需要将 Vue 构建生成的静态文件(位于 `dist` 目录)部署到 Spring Boot 的静态资源目录中。可以在 `vue.config.js` 中配置输出路径为 Spring Boot 的 `static` 目录: ```javascript module.exports = { outputDir: '../springboot-vue-demo/src/main/resources/static' }; ``` 这将确保 Vue 项目构建后的文件直接输出到 Spring Boot 的静态资源目录中[^5]。 ### 注意事项 - 如果项目初始化时出现问题,确保项目名称不包含大写字母[^4]。 - 如果需要使用 Axios 进行前后端交互,可以通过以下命令安装 Axios: ```bash npm install axios ``` ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值