## 问题

Node版本太新，启动老项目时，可能会报错`Error: error:0308010C:digital envelope routines::unsupported`





## 解决

在要执行的脚本前增加以下环境参数设置：

> set NODE_OPTIONS=--openssl-legacy-provider

如：

```
set NODE_OPTIONS=--openssl-legacy-provider && react-scripts start
```

使用`&&`连接两条指令。

Node项目报错 error:0308010C

## 简介

本文用于记录VScode开发工具的一些必要插件，按照编程语言分类。




## 通用插件

- `Prettier - Code formatter`：代码格式化插件，可以自动将代码格式化成规范的风格，减少手动调整代码风格的时间。

## Git

- `GitLens`：提供了 Git 相关的功能，方便管理和查看代码提交历史等信息。

## Docker

- `Docker`：docker官方提供的插件，可以查看docker容器、镜像，并且提供操作式的快速构建docker镜像相关功能。

## JavaScript

- `ESLint`：JavaScript 代码检查工具，可以帮助发现代码潜在的错误和漏洞。因为前段很多框架都是基于JS开发的，所以在很多场景都可以安装使用。

## TypeScript

## Vue

- `Vue Language Features (Volar)`：支持 Vue.js 模板语法高亮、错误检查、智能补全和重构；支持使用模板、脚本和样式标记之间的快速导航等等，算是Vue开发的必备插件。

- `TypeScript Vue Plugin (Volar)`：提供了在 Vue.js 应用中使用 TypeScript 的一些工具和特性，包括类型推断、智能提示、语法高亮、快速修复等等。

## React

- `ES7+ React/Redux/React-Native snippets`：提供了一组 `React/Redux/React-Native` 开发所需的代码片段，可用于加快开发速度，减少重复性劳动。该插件包含了多个模板和代码片段，涵盖了 React 组件、Redux 模块、React-Native 模块等等，开发者只需要在代码中输入相应的快捷命令，就可以快速生成常见的代码结构。比如输入`imr`，就可以快速导入 React 模块；输入`rnfc`，就可以快速生成 React-Native 的 class 组件。

## Golang

- `Go`：官方提供的插件，可以提供丰富的 Golang 开发功能，包括代码自动补全、调试、测试等功能。

## uni-app

- `uni-helper`：Uni-app开发工具包，内含多个uni-app插件。
- `uniapp小程序扩展`：可能是最好用的uniapp小程序扩展，自动提示标签可用属性，鼠标悬浮查询属性文档等。

VScode插件记录

## 简介

> 作为程序员，Xshell和Xftp应该都用过吧。
> 
> Xshell和Xftp官方提供个人版，可以免费下载使用。





## 文件目录

NETSTRING官方有一个文件夹目录地址，记录一下，省的以后每次下载还要申请。

文件目录（`该目录每月更新，可能你读到这篇文章时，目录已经失效`）：[Xshell](https://download.xshell.com/ddc89225/)，其中有众多Xftp和Xshell的安装包，需要找最新版本下载，文件名用`p`结尾的是个人版，如`Xftp-7.0.0063p.exe`，`Xshell-7.0.0065p.exe`。

- 其中不仅有Xftp和Xshell安装包，注意辨别。
- 不保证链接可用，如果链接失效，还是乖乖重新申请，申请地址在下面：

## 免费版申请

免费版申请地址：[家庭/校园免费](https://www.xshell.com/zh/free-for-home-school/)

申请时填写你的邮箱，官方会把下载链接发送到你的邮箱。

Xshell&Xftp官方下载地址

找不到网站？就问ChatGPT吧！

本文用于记录一些网站，大多是询问ChatGPT得到的推荐。

不定期更新……



## 简体中文科技新闻网站

1. cnBeta：http://www.cnbeta.com/ （台湾：https://www.cnbeta.com.tw/）
2. 科技讯：http://www.kejixun.com/
3. 网易科技：http://tech.163.com/
4. 36氪：https://36kr.com/
5. 雷锋网：https://www.leiphone.com/
6. TechWeb：http://www.techweb.com.cn/
7. 央视网科技：http://tech.cctv.com/
8. IT之家：https://www.ithome.com/
9. 快科技：http://www.mydrivers.com/
10. 腾讯科技：https://tech.qq.com/

## 程序员新闻网站

以下是一些比较好的国际程序员新闻网站：

- Hacker News： https://news.ycombinator.com/
- TechCrunch： https://techcrunch.com/
- Slashdot： https://slashdot.org/
- The Verge： https://www.theverge.com/
- Wired： https://www.wired.com/
- ZDNet： https://www.zdnet.com/
- Engadget： https://www.engadget.com/
- TechRadar： https://www.techradar.com/
- CNET： https://www.cnet.com/
- Ars Technica： https://arstechnica.com/、

这些网站不仅有关于程序员和技术的新闻和文章，还包括了许多有趣和实用的技术信息，包括编程语言、开发工具、硬件等。

## 时事新闻网站

以下是一些比较好的国际时事新闻网站：

- BBC News: https://www.bbc.com/news
- CNN: https://www.cnn.com/
- Reuters: https://www.reuters.com/
- The New York Times: https://www.nytimes.com/
- The Guardian: https://www.theguardian.com/international
- Al Jazeera: https://www.aljazeera.com/
- Associated Press: https://apnews.com/
- NPR: https://www.npr.org/
- Deutsche Welle: https://www.dw.com/
- France 24: https://www.france24.com/en/

以上是一些比较知名和权威的国际时事新闻网站，您可以根据自己的需求和喜好选择相应的网站阅读新闻。

## 科技前沿新闻网站

以下是一些比较好的国际科技前沿新闻网站：

- TechCrunch (https://techcrunch.com )：主要关注创业公司、新兴科技和互联网产品。
- Wired (https://www.wired.com )：主要关注科技、文化和商业领域的新闻报道。
- The Verge (https://www.theverge.com )：主要关注科技和科学方面的新闻报道，也涉及互联网、娱乐和文化等领域。
- Engadget (https://www.engadget.com )：主要关注消费电子产品和科技方面的新闻报道。
- Gizmodo (https://gizmodo.com )：主要关注科技和科学方面的新闻报道，也包括环境、安全和媒体等领域。
- CNET (https://www.cnet.com )：主要关注消费科技产品和科技新闻报道。
- Mashable (https://mashable.com )：主要关注科技、娱乐和文化等领域的新闻报道。
- IEEE Spectrum (https://spectrum.ieee.org )：主要关注工程、科学和技术方面的新闻报道。
- New Scientist (https://www.newscientist.com )：主要关注科学、技术和医学等领域的新闻报道。
- Science Daily (https://www.sciencedaily.com )：主要关注科学和医学领域的新闻报道，涵盖多个学科和主题。

## 图标素材资源网站

1. Iconfinder (https://www.iconfinder.com/)
2. Flaticon (https://www.flaticon.com/)
3. Icons8 (https://icons8.com/)
4. Iconscout (https://iconscout.com/)
5. Noun Project (https://thenounproject.com/)
6. IconArchive (https://www.iconarchive.com/)
7. FreePik (https://www.freepik.com/)
8. Material Design Icons (https://materialdesignicons.com/)
9. Font Awesome (https://fontawesome.com/)
10. Iconmoon (https://icomoon.io/app/)
11. websiteplanet(https://www.websiteplanet.com/zh-hans/webtools/favicon-generator/) (网友推荐)

## 赞助请求V3

**建站因为热爱，生活需要Money，请大佬动动您灵活的小手，点击一次以示鼓励，祝您生活愉快！**


<div class="article-ads"></div>

> PS：就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本。`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。再次祝您生活愉快~~`

网站记录

## 准备工作

即将开始使用Gradle来创建项目，你需要做好以下准备工作：

1. 安装Java开发工具`Java Development Kit`，最低版本要求1.8，也就是常说的`JDK8`。
2. 推荐手动安装Gradle，如未安装，可参考：[Gradle学习-安装](https://oldmoon.top/post/66)。
3. 推荐安装Java开发工具`IntelliJ IDEA`。

> `IntelliJ IDEA`是当前主流Java开发工具，以后简称`IDEA`，本文示例也是基于该编辑器进行开发，建议读者安装`IDEA`，如果你是首次安装，会获得30天试用期，当然如果使用`Eclipse`也可以，功能大都相同，主要是操作习惯上有所区别。

<div class="article-ads"></div>



## 概要

本文将主要介绍使用`IDEA`通过`Spring Initializr`来创建Gradle的springboot项目的步骤，首先分为`Gradle-Groovy`和`Gradle-Kotlin`两个版本，最后我们尝试不使用`Spring Initializr`，手动创建项目。

本文除了讲解项目创建的流程外，还会解析项目初始化后的一些配置信息。

通过本文，你可以学到以下知识点：
1. Gradle项目配置的基本理解。
2. Gradle-Springboot项目搭建的基本方法。

## Spring Initializr

> 首先使用项目构建工具`Spring Initializr`来创建项目。

### Gradle-Groovy

#### 创建项目

1. 配置基本参数

打开`IDEA`项目创建页面，选择`Spring Initializr`创建工具，Type选择`Gradle-Groovy`，JDK一般默认为本地已安装的版本，Java选择与JDK对应的8，具体配置如下图：

![Initializr-Gradle-Groovy](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679563994955.jpg)

选择好配置后，点击`Next`进入下一步。

2. 选择Springboot版本

本文选择Springboot的`2.7.9`版本，其他任何选项都无需勾选（后续都可以按需引入），如下图：

![Initializr-Gradle-Groovy](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679564293916.jpg)

选择好版本后，直接点击`Create`，会自动创建一些基础的文件，并进入IDEA主界面，如下图：

![Initializr-Gradle-Groovy](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679564455711.jpg)

#### 初始化项目

创建项目完成后，项目文件夹中只包含一些基础的配置文件，还缺少很多工具和依赖，如创建时选择的`Springboot2.7.9`，其实还没有包含在项目中，所以需要对项目进行初始化，来下载项目必要的一些工具和依赖项。

1. 配置Gradle

刚创建的gradle项目，`IDEA`会为其下载内置的gradle版本，本文建议将其配置为前面手动安装的`gradle-8.0.2`。

快速配置方式是：打开`IDEA`右侧的`Gradle`菜单栏，直接打开Gradle设置，如下图：

<img src="https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679564963283.jpg" width=400px/>

打开配置页面后，修改其中的两项配置为你的gradle安装目录，如下图：

![gradle-setting](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679565112169.jpg)

修改完成后，点击`OK`即可。

2. 开始初始化

当修改`Gradle`配置后，`IDEA`会自动更新项目，如果未更新，也可以点击Gradle菜单中的刷新按钮手动更新，刷新按钮如下图：

<img src="https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679565329872.jpg" width=400px/>

初始化过程中，会联网从Maven中央仓库拉取相关依赖（Gradle使用的依赖仓库就是Maven仓库），通过build窗口可以看到下载情况：

![download](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679627411126.jpg)
> 该图是kotlin下的截图，但内容与Groovy下的一样。

下载完成后，可以看到build窗口的成功提示，即项目初始化完成。

#### 默认配置

通过上述步骤，应该已经创建并初始化成功了一个Gradle-Springboot的项目，其中与Gradle相关的文件有两个，都在项目根目录下：`setting.gradle`和`build.gradle`

1. setting.gradle

setting.gradle是模块声明文件，没有什么特殊的操作，其初始内容如下：

```groovy
rootProject.name = 'gradle-boot'
```

2. build.gradle

build.gradle是Gradle的重要配置文件，与Maven的`pom.xml`相对应，上面示例的初始内容如下：

```groovy
plugins {
	id 'java'
	id 'org.springframework.boot' version '2.7.9'
	id 'io.spring.dependency-management' version '1.0.15.RELEASE'
}

group = 'com.example'
version = '0.0.1-SNAPSHOT'
sourceCompatibility = '1.8'

repositories {
	mavenCentral()
}

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter'
	testImplementation 'org.springframework.boot:spring-boot-starter-test'
}

tasks.named('test') {
	useJUnitPlatform()
}

```

该文件的内容解析放在最后，因为其与Kotlin语言的配置基本一样，后续会放到一起比较并说明。

<div class="article-ads"></div>

### Gradle-Kotlin

创建通过kotlin配置的gradle项目，与上述创建groovy配置的gradle项目步骤完全一样，只需要在最开始选择配置时`Type`选择Gradle-kotlin即可，所以此处省略详细步骤，参照[Gradle-Groovy](Gradle-Groovy)即可。

#### 默认配置

通过上述步骤创建并初始化项目后，与Groovy形式的区别就在配置文件的文件类型上，使用Kotlin的配置文件是：`setting.gradle.kts`和`build.gradle.kts`。

配置文件内容也基本相同，只是语法稍微有所变化：

1. setting.gradle.kts

```kts
rootProject.name = "gradle-boot-kts"
```

2. build.gradle.kts

```kts
plugins {
    java
    id("org.springframework.boot") version "2.7.9"
    id("io.spring.dependency-management") version "1.0.15.RELEASE"
}

group = "com.example"
version = "0.0.1-SNAPSHOT"
java.sourceCompatibility = JavaVersion.VERSION_1_8

repositories {
    mavenCentral()
}

dependencies {
    implementation("org.springframework.boot:spring-boot-starter")
    testImplementation("org.springframework.boot:spring-boot-starter-test")
}

tasks.withType<Test> {
    useJUnitPlatform()
}

```

### build.gradle解析

> 通过上面`build.gradle`和`build.gradle.kts`的比较，可以看出配置的内容是一样的，只是语法有所变化，现编以`build.gradle`为分析对象，简单的将配置内容分为五块进行分析。


repositories：定义项目的仓库，这里只有一个中央仓库（mavenCentral()）。

dependencies：定义项目的依赖项，其中包括：

implementation：应用依赖项，这里是Spring Boot的starter依赖。
testImplementation：测试依赖项，这里是Spring Boot的starter-test依赖。
tasks.named('test')：对test任务进行配置，使用JUnit 5作为测试框架。
1. plugins

该标签用于引入本项目要使用的gradle插件，如本项目引入了`Java`、`org.springframework.boot`、`io.spring.dependency-management`三个插件，每个插件提供相应的内置功能。

- `java`：Java插件，该插件会自动为项目配置Java编译环境和相关任务。
- `org.springframework.boot`：Spring Boot插件，该插件会自动为项目配置Spring Boot应用所需的基本配置。
- `io.spring.dependency-management`：Spring Boot依赖管理插件，该插件会自动管理Spring Boot应用所需的依赖版本。

Gradle插件官方说明文档：[Using Gradle Plugins](https://docs.gradle.org/current/userguide/plugins.html)

Gradle官方插件中心：[Gradle - Plugins](https://plugins.gradle.org/)

在管理中心，用户可以自己上传自定义的插件供别人使用，也可以搜索已提供的插件。

2. properties

配置文件中没有明确的`properties`标签，我将零散的配置定义统称为`properties`，如：

- `group`：指定项目的groupId。
- `version`：指定项目的版本号。
- `sourceCompatibility`：指定Java源代码的版本兼容性，这里是1.8，也就是Java 8。

3. repositories

该标签用于配置依赖仓库的地址，可以多仓库，本示例中默认使用Maven的中央仓库。在使用Maven时，我们是在Maven的`setting.xml`中进行仓库地址配置。

4. dependencies

该标签用于管理项目的依赖项，与Maven中的`dependencies`标签相对应。

5. tasks

改变前用于配置一些任务项，在本示例中：

```
tasks.named('test') {
	useJUnitPlatform()
}
```

该配置的作用是让`test`任务使用`Junit`测试工具。


#### 官方说明文档

除本示例项目中默认的配置外，Gradle还有很多配置项，如：项目构建脚本配置`bulidscript`、子项目管理`subprojects`，发布管理`publishing`等等，可以查看官方文档进行详细了解：[Gradle DSL Version 8.0.2](https://docs.gradle.org/current/dsl/)

<div class="article-ads"></div>

## 手动创建Gradle项目

理论上，你的项目根目录下有`build.gradle`文件，就会被`IDEA`识别为Gradle项目，所以下面来尝试只用配置文件，其他的让`IDEA`来帮助我们完成，从而创建一个Gradle-Springboot项目。

### 准备项目文件

1. 创建空文件夹，命名为`gradle-boot-my`。
2. 找到前面通过IDEA生成的项目中的配置文件，将其拷贝到`gradle-boot-my`文件夹下，如下图：
![gradle-boot-my](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679638769583.jpg)
3. 为了表示尊敬，我们修改`setting.gradle`文件中的项目名，如下：
```groovy
rootProject.name = 'gradle-boot-my'
```
4. 使用IDEA打开该文件夹，并修改IDEA中的gradle配置为已安装的gradle文件夹（前面有讲到）。
5. 刷新项目，可以看到Gradle的相关操作能够正常显示，如下图：
![boot-my](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679639338248.jpg)

> 经过以上几步，其实你已经有了一个Gradle的空项目，只不过现在还没有Springboot的相关文件：启动类、配置文件等，我们可以自己创建这些文件夹与文件，**注意文件夹结构要是正确的，可参考前面IDEA帮助创建的文件夹结构**。

6. 创建Springboot文件结构，如果使用IDEA创建，会有提示创建哪些基础文件夹；

![new-dir](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679639608320.jpg)

7. 创建启动类和配置文件，并启动测试，如下图

![start](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1679639892497.jpg)

启动类代码：

```java
package com.example;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * 自定义启动类
 *
 * @author dingdangdog
 * @date 2023/3/24 14:35
 */
@SpringBootApplication
public class BootApplication {

    public static void main(String[] args) {
        SpringApplication.run(BootApplication.class, args);
    }
}
```

经过上述简单的几步，就完成了一个简单springboot项目从无到有的创建过程。使用kotlin配置gradle的方式就不演示了，步骤是一样的，读者可以自行测试，就当课后练习了吧。😁

## 拓展

出了以上通过IDEA搭建Gradle项目外，Gradle自身也支持初始化空项目，官方有一些示例教程，可以选择阅读测试：[Try Gradle](https://docs.gradle.org/current/userguide/getting_started.html#try_gradle)

## 总结

上面通过两种方式（`Spring Initializr`、`手动创建`）搭建了Gradle-Springboot项目，当然也是不得不说`IDEA`功不可没。

通过本文，你应该学到了一下知识：
1. Gradle项目配置的基本理解。
2. Gradle-Springboot项目搭建的基本方法。


## 赞助请求V3

**建站因为热爱，生活需要Money，请屏幕前的大佬动动您发财的小手，点击一次以示鼓励，祝您生活愉快！**


<div class="article-ads"></div>

> PS：就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本。`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。再次祝您生活愉快~~`

Gradle学习-创建Springboot项目

twitter:card

twitter:title

twitter:site

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description

程序员,笔记,Bug记录,编程技术,AI,Java,Node,Golang,个人博客,资源分享,月上老狗,dingdangdog