目錄
后端環(huán)境準備
環(huán)境準備-創(chuàng)建應用springboot3項目
環(huán)境準備-Maven
IDEA配置本地maven
前端環(huán)境準備
依賴管理NPM安裝配置
環(huán)境準備
后端環(huán)境準備
下載JDK17https://www.oracle.com/java/technologies/downloads/#jdk17-windows
???
安裝就下一步下一步,選擇安裝路徑?
配置環(huán)境
環(huán)境
JDK17+、IDEA2021+、maven3.5+、vscode
后端
基礎：javaSE，javaWeb、JDBC、SMM框架（Spring+SpringMVC+MyBatis）、MyBatis-Plus
前端
html、css、javascript，jquery、vue3、Element-ui
springboot是springboot提供的一個子項目，用于快速構建Spring應用項目?？焖賹胍蕾?，解決jar包沖突問題，編碼更簡單、配置更簡單、部署更簡單、監(jiān)控更簡單。
Springboot特征
1、起步依賴：整合Maven依賴，配置更簡單
2、自動配置:bean自動注入ioc容器，編碼更簡單
3、內置tomcat、Jetty等
環(huán)境準備-創(chuàng)建應用springboot3項目
創(chuàng)建項目
創(chuàng)建空項目，配置maven
環(huán)境準備-Maven
Maven是apache基金會的開源項目，使用java語法開發(fā)，maven單詞的本意是：專家，內行
Maven是項目管理工具，可以對java項目進行自動化構建和依賴管理。
IDEA配置本地maven
https://maven.apache.org/download.cgi
配置阿里云遠程倉庫鏡像
<mirror>
??? <id>alimaven</id>
??? <name>aliyun maven</name>
??? <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
??? <mirrorOf>central</mirrorOf>
??? </mirror>
檢驗設置是否生效
mvn help:system
前端環(huán)境準備
編碼工具: VSCode
依賴管理:NPM
項目構建: Vuecli
NPM的全稱是Node Package Manager，是一個NodeJS包管理和分發(fā)工具，已經成為了非官方的發(fā)布Node模塊（包）的標準。2020年3月17日，Github宣布收購npm，GitHub現在已經保證npm將永遠免費。
NPM也可以理解為Maven
依賴管理NPM安裝配置
NPM官網
https://nodejs.org/en/download/
下載安裝完成后
驗證 Node.js 是否已成功安裝
node -v
在nodejs安裝目錄創(chuàng)建node_global和node_cache文件夾
cmd命令，依次輸入：
npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"
npm config set prefix “D:\Nodejs\node_global”：將 Node.js 全局安裝包的安裝路徑設置為 “D:\Nodejs\node_global”。在使用 npm install -g 命令全局安裝 Node.js 模塊時，將會將模塊安裝到指定的目錄中。
npm config set cache “D:\Nodejs\node_cache”：將 Node.js 模塊緩存路徑設置為 “D:\Nodejs\node_cache”。在使用 npm install 命令安裝 Node.js 模塊時，將會將模塊緩存到指定的目錄中。
修改系統(tǒng)環(huán)境變量
F:\Program Files\nodejs\node_global
NODE_PATH
F:\Program Files\nodejs\node_modules
使用npm install express -g全局安裝 Express 模塊
說明文件權限不夠，允許完全控制得以解決
更改 npm 的默認源為淘寶源
npm config set registry https://registry.npm.taobao.org
恢復默認的 npm 官方源
npm config set registry https://registry.npmjs.org
查看當前npm 源的 URL
使用淘寶源全局安裝 cnpm。cnpm 是一個基于 npm 的淘寶定制版，可以在國內更快地安裝 Node.js 包
npm install -g cnpm --registry=https://registry.npm.taobao.org
文章來源：http://www.zghlxwxcb.cn/news/detail-764909.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-764909.html
到了這里，關于初識Sringboot3+vue3環(huán)境準備的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
