前后端入门

本文介绍了初学者在进行前后端开发时的软件安装步骤,包括JDK、Node.js、IDEA及Redis的配置,同时详细记录了遇到的问题及解决方法,如验证码接收问题、npm安装错误、网络链接错误和淘宝镜像过期。作者分享了学习过程中的关键收获。
摘要由CSDN通过智能技术生成

一、软件的安装以及环境变量配置

这里需要我们用到jdk、node.js、mysql、idea等软件

1.jdk的安装以及环境变量配置

(1)首先我在Oracle官网下载了jdk8的版本然后按照步骤进行安装
(2)对于jdk的环境变量配置
所有的环境变量都是在高级系统变量的环境变量当中配置
首先在系统变量当中配置一个这样的变量
在这里插入图片描述
然后在再系统变量中找到path进入配置一个%JAVA_HOME%\bin的变量
在这里插入图片描述

2.node.js的安装以及环境变量配置

(1)首先进入官网https://nodejs.org/zh-cn/download/下载了node18版本
(2)在node的安装文件当中创建两个新文件,由于可能会没有权限所有需要给他们全部控制的权限
在这里插入图片描述
(3)创建完毕后在cmd用管理员身份启动的页面中输入了两串代码
npm config set prefix “C:\Program Files\nodejs\node_global”
npm config set cache “C:\Program Files\nodejs\node_cache”
然后就是跟jdk一样在环境变量的系统变量当中创建了一个NODE_HOME的变量
(4)进行镜像的下载以及cnpm的下载
tips:由于淘宝镜像原先的过期所以需要下载新的
就是:npm config set registry http://registry.npmmirror.com
再运用npm instal -g cnpm 进行cnpm的下载
在这里插入图片描述
这样就表示以及下载完成,node的环境变量配置就完成

3.idea的安装以及破解以及运行

在idea的官网上面我下载了2023年版本的idea
再在淘宝上找买家买了idea的破解方法对其进行破解
然后就可以把老师发的文件放入idea运行
然后进行maven的配置
在这里插入图片描述
并且在idea当中我们还可以利用maven来下载我们需要用到的包
只需要将文件导入idea然后点一下maven左上角一个类使用刷新的按钮即可(第一次配置时较慢)
在这里插入图片描述

再进行jdk的配置tips:必须所以配置一样
在这里插入图片描述

4.redis的下载以及启动

在https://github.com/tporadowski/redis/releases下载了一个压缩包
在这里插入图片描述
然后可以在cmd中运行redis.windows-service.conf代码进行启动
在这里插入图片描述

二、遇到的问题以及解决方法

网页打开无法收到验证码

对于这个问题我是进行redis的下载进行解决的

在这里插入图片描述

2.在进行npm install 下载包的时候出现了错误

运用他给的代码npm audit fix --force进行了修复
​​​​在这里插入图片描述

3.网页显现出了但是网络链接错误

对此我进行了项目的从头到尾的检查我发现了两个错误
第一个是node.js我对于node的配置并没有进行完全,随后我对node进行了重新配置并且加了淘宝的新镜像还下载了ncpm进行解决
在这里插入图片描述

还有一个错误就是MySQL建表smart_admin_v2的时候我点错表了,将mysql数据库重新配置一下得到解决

4.淘宝镜像过期

淘宝开先的镜像过期无法下载ncpm
在这里插入图片描述
然后输入淘宝新镜像npm config set registry https://registry.npmmirror.com即可解决

三、收获

学习到了

在本次实验当中我了解到了一些前后端的基本知识,知道了idea如何运行前端代码——运用idea当中的终端功能再找到代码所在的位置使用npm run即可运行但是还有主要他的运行方式我的就是npm run dev
还在本次课程当中学到了一些idea的基础用法,比如如何下载包。然后我还了解到了如何配置环境变量。
  • 38
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值