Network Security Internet Technology Development Database Servers Mobile Phone Android Software Apple Software Computer Software News IT Information

In addition to Weibo, there is also WeChat

Please pay attention

WeChat public account

Shulou

What is the method of springboot+vue deployment and operation?

2025-03-31 Update From: SLTechnology News&Howtos shulou NAV: SLTechnology News&Howtos > Development >

Share

Shulou(Shulou.com)06/03 Report--

This article is to share with you about the deployment and operation of springboot+vue in accordance with what is, the editor feels very practical, so share with you to learn, I hope you can learn something after reading this article, say no more, follow the editor to have a look.

1 deployment of the environment

1.1 jdk-8u111-windows-x64

Environment variable JAVA_HOME:C:\ Program Files\ Java\ jdk1.8.0_111

Add a new line to Path:% JAVA_HOME%\ bin

1.2 apache-maven-3.5.0-bin, decompress directly to C:\ Program Files\ Java

Environment variable MAVEN_HOME:C:\ Program Files\ Java\ apache-maven-3.5.0

Add a new line to Path:% MAVEN_HOME%\ bin

1.3 Git deployment

Git-2.10.2-64-bit

TortoiseGit-2.3 Chinese version and Git installation package _ manual .zip

1.4 idea install lombock

(1) plug-in package: lombok-plugin-0.27-2017.3.zip (corresponding to IDEA version 2017.3.3)

(2) IDEA-- > Settings- > Preferences-- > Plugins

(3) there is a 'install from disk' button in the Plugins panel. Click and select lombok-plugin-0.16-2017.3.3.zip.

(4) restart idea

1.5 Node.js installation

(1) double-click to install node-v10.16.3-x64.msi (64-bit)

(2) execute the command to confirm whether nodejs is installed successfully

# node-v#npm-v

(3) Environment variables (environment variables are added after Path by default after installation) for future local deployment projects, we need to find the installation root directory of node.js and create two new folders "node_global" and "node_cache" in it. Execute a command

# npm config set prefix "C:\ Program Files\ nodejs\ node_global" # npm config set cache "C:\ Program Files\ nodejs\ node_cache"

(4) Environment variable NODE_PATH:C:\ Program Files\ nodejs\ node_global\ node_modules

Path append: C:\ Program Files\ nodejs\ node_global

(5) install the npm image of Taobao (because the download speed of npm is very slow in China, so download and install cnpm with npm can download the later dependencies faster, etc.)

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

(6) install global vue-cli scaffolding and webpack

# npm install vue- g / / Global install vue#npm install-g vue-cli / / Global install vue-cli#npm install-g webpack / / Global install webpack#npm install-g webpack-dev-server / / install local webserver of webpack

(7) execute the command to confirm whether vue and webpack are installed successfully

# vue-V#webpack-v

2 code cloning

3 compilation

3.1 java backend

Maven clean

Maven Install

3.2 Front-end startup

# cd xxx\ vue#npm install#npm run dev

The above is what the springboot+vue deployment is according to and how to run it. The editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.

Views: 0

*The comments in the above article only represent the author's personal views and do not represent the views and positions of this website. If you have more insights, please feel free to contribute and share.

Share To

Development

Wechat

© 2024 shulou.com SLNews company. All rights reserved.

12
Report