创建一个springboot+vue项目的步骤
时间: 2023-09-22 19:07:46 浏览: 85
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
5星 · 资源好评率100%
好的,下面是创建一个 Spring Boot + Vue 项目的步骤:
1. 确认你已经安装了 Node.js 和 Vue CLI,可以在命令行中输入以下命令进行检查:
```
node -v
vue --version
```
2. 创建一个 Spring Boot 项目,可以使用 Spring Initializr 来生成一个基本的项目结构。
3. 在 Spring Boot 项目的 src/main 目录下创建一个名为 `resources/static` 的文件夹,用于存放 Vue 项目的静态资源。
4. 在 `resources/static` 目录下使用 Vue CLI 创建一个新的 Vue 项目,可以使用以下命令:
```
vue create frontend
```
5. 在创建 Vue 项目时,可以选择手动配置,然后选择需要的插件和配置。在配置完毕后,Vue CLI 会在 `frontend` 目录下生成一个完整的 Vue 项目。
6. 在 Vue 项目的 `src/main.js` 文件中,添加以下代码来配置 Vue 应用程序:
```
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
```
7. 在 `frontend` 目录下运行以下命令来构建 Vue 项目:
```
npm run build
```
8. 将构建好的 Vue 项目文件复制到 `resources/static` 目录下,然后运行 Spring Boot 项目即可。
希望这个步骤对你有所帮助!
阅读全文