springboot+vue(1)

一、Node.js部分

1、官网下载安装node.js安装包

2、在解压后的node.js文件里，新建node_cache和node_global文件夹

3、配置环境变量

D:\springboot-vue\node.js\

D:\springboot-vue\node.js\node_global

D:\springboot-vue\node.js\node_cache

4、创建vue

//创建最新版本的vue框架

npm init vue@latest  

//指定全局安装包存放路径

npm config set prefix "D:\springboot-vue\node.js\node_global" --location=global

//指定npm缓存文件的存放路径

npm config set cache "D:\springboot-vue\node.js\node_cache" --location=global

5、可能用到的小命令(这一步一般可跳过)

//删除指定npm缓存文件的存放路径的配置

npm config delete cache

//获取全局安装包存放路径配置

Npm config get prefix

//查看node.js和npm版本

node -v

npm -v

6、下载pnpm包管理器

cd yymldr-vue1

npm install -g pnpm   //下载pnpm,用pnpm下载比npm快

pnpm install *

二、maven部分

1、下载和node.js版本适配的maven安装包

2、配置maven环境变量

D:\springboot-vue\maven\apache-maven-3.9.9-bin\apache-maven-3.9.9\bin

3、在maven的conf同级目录下新建一个文件夹mvn-repository

4、在maven的conf目录下的settings.xml文件里的settings里添加jdk的信息

 <profile>

    <id>JDK-17</id>

    <activation>

        <activeByDefault>true</activeByDefault>

        <jdk>17</jdk>

    </activation>

    <properties>

        <maven.compiler.source>17</maven.compiler.source>

        <maven.compiler.target>17</maven.compiler.target>

        <maven.compiler.compilerVersion>17</maven.compiler.compilerVersion>

    </properties>

</profile>

  </profiles>

//查看maven版本(此步骤可跳过)

mvn -v

三、创建vue项目

1、切换阿里镜像

npm config set registry https://registry.npmmirror.com

2、安装vue脚手架

npm install -g @vue/cli

3、其他命令

vue引入axios：npm install vue-axios --save(进行http请求)

清缓存命令：npm cache clean --force

查看镜像源：npm config get registry

4、新建一个空文件夹，使用编辑器打开，打开集成终端

输入：vue create vue01

选择配置信息

**将前后端代码完善后启动**

/启动vue和springboot项目

vue run serve