从0学习Springboot+vue3项目

一.项目环境搭建

• Nodejs : 14.16.0       cmd+R输入 node -v/node -version

• npm ：   6.14.11       cmd+R输入 npm -v

• jdk ：     1.8              cmd+R输入 java -version

• Mysql : 5.0.8             cmd+R输入 mysql --help

• vue脚手架 ：5.0.8    cmd+R输入 vue -V /vue --version

• idea : 2023.3

• navicat/mysql

二.利用vue脚手架创建一个vue3项目

在创建vue项目时，最好创建一个新的文件夹来存放项目

• vue create 【项目名称】

• 模板选择，通过键盘上下键来选择，我们选择第三个 Manually  features（手动配置）

• 通过上下键选择，通过选中(使用Babel，TypeScript，Router、Vuex、CSS Pre-processors、Linter / Formatter)，按回车

• 选择3.x，按回车

• 是否使用 Class 风格装饰器，此处输入【y】；
• Babel 和 TS 是否一起使用，用于现代模式、自动检测的 polyfills 和转译 JSX，此处输入【y】；
• 是否使用history路由模式，此处输入【n】，即使用默认的 hash 模式；

• 选择 CSS 预处理器，选择 Less，然后回车确认；

• 选择第一个ESLint with error prevention only（仅具有错误预防功能的ESLint）

• 选择Lint on save

• 选择package.json（为了避免有太多零散的配置文件，选择将Babel、ESLint 等插件的配置放在 package.json 文件里面）

• 是否保存当前创建 Vue3 项目的特性配置，下次再创建 Vue 项目的时候，可以选择该特性，然后回车确认即可创建完成。这个可以不用保存，输入【n】，然后回车确认；

• 项目创建中.......

• 项目创建成功

• 在【E:\在线旅游服务平台】能看到刚刚创建的项目

• 至此，项目创建成功。