下载Trae CN

地址:
https://www.trae.cn/sem?utm_source=bing&utm_medium=bing_sem&utm_campaign=486729850&utm_term=trae_bing_sem_dm_pc_cpc_pinp_hx_1&msclkid=75a4518216ad1c0ddea738448161f8f1
在这里插入图片描述
下载后傻瓜式安装

安装Open JDK、Node.js和Maven并配置环境变量

Open JDK

下载Open JDK

https://openjdk.org/index.html
在这里插入图片描述
点击Download,选择jdk.java.net/26进入下载open jdk页面,该页面有所有版本的jdk。
在这里插入图片描述
在这里插入图片描述

设置Java环境变量

输入env快速定位到编辑系统环境变量
在这里插入图片描述
点击修改环境变量按钮
在这里插入图片描述
开始配置JAVA_HOME环境变量
在这里插入图片描述
JAVA_HOME加入到系统变量Path中,%JAVA_HOME\bin%,加入jre,%JAVA_HOME\jre\bin%
在这里插入图片描述

验证JDK环境配置

快捷键win + r 输入 cmd 进入命令行窗口。

java -version
javac

在这里插入图片描述
在这里插入图片描述

Maven

下载maven

https://maven.apache.org/
下载Binary zip archive
在这里插入图片描述

设置Maven环境变量

M2_HOME,并将其加入到PATH中%M2_HOME\bin%
在这里插入图片描述
在这里插入图片描述

修改setting.xml文件

设置依赖下载地址——本地仓库地址。配置镜像地址,默认的镜像地址是外网会比较慢。
在这里插入图片描述

<?xml version="1.0" encoding="UTF-8"?>

<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
-->

<!--
 | This is the configuration file for Maven. It can be specified at two levels:
 |
 |  1. User Level. This settings.xml file provides configuration for a single user,
 |                 and is normally provided in ${user.home}/.m2/settings.xml.
 |
 |                 NOTE: This location can be overridden with the CLI option:
 |
 |                 -s /path/to/user/settings.xml
 |
 |  2. Global Level. This settings.xml file provides configuration for all Maven
 |                 users on a machine (assuming they're all using the same Maven
 |                 installation). It's normally provided in
 |                 ${maven.conf}/settings.xml.
 |
 |                 NOTE: This location can be overridden with the CLI option:
 |
 |                 -gs /path/to/global/settings.xml
 |
 | The sections in this sample file are intended to give you a running start at
 | getting the most out of your Maven installation. Where appropriate, the default
 | values (values used when the setting is not specified) are provided.
 |
 |-->
 <settings xmlns="http://maven.apache.org/SETTINGS/1.2.0" 
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.2.0 https://maven.apache.org/xsd/settings-1.2.0.xsd">
<!-- <settings xmlns="http://maven.apache.org/SETTINGS/1.0.0"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  xsi:schemaLocation="http://maven.apache.org/SETTINGS/1.0.0 http://maven.apache.org/xsd/settings-1.0.0.xsd"> -->
  <!-- localRepository
   | The path to the local repository maven will use to store artifacts.
   |
   | Default: ${user.home}/.m2/repository
  <localRepository>/path/to/local/repo</localRepository>
  -->
  <localRepository>D:\maven-repo\local\repository</localRepository>

  <!-- interactiveMode
   | This will determine whether maven prompts you when it needs input. If set to false,
   | maven will use a sensible default value, perhaps based on some other setting, for
   | the parameter in question.
   |
   | Default: true
  <interactiveMode>true</interactiveMode>
  -->

  <!-- offline
   | Determines whether maven should attempt to connect to the network when executing a build.
   | This will have an effect on artifact downloads, artifact deployment, and others.
   |
   | Default: false
  <offline>false</offline>
  -->

  <!-- pluginGroups
   | This is a list of additional group identifiers that will be searched when resolving plugins by their prefix, i.e.
   | when invoking a command line like "mvn prefix:goal". Maven will automatically add the group identifiers
   | "org.apache.maven.plugins" and "org.codehaus.mojo" if these are not already contained in the list.
   |-->
  <pluginGroups>
    <!-- pluginGroup
     | Specifies a further group identifier to use for plugin lookup.
    <pluginGroup>com.your.plugins</pluginGroup>
    -->
  </pluginGroups>

  <!-- TODO Since when can proxies be selected as depicted? -->
  <!-- proxies
   | This is a list of proxies which can be used on this machine to connect to the network.
   | Unless otherwise specified (by system property or command-line switch), the first proxy
   | specification in this list marked as active will be used.
   |-->
  <proxies>
    <!-- proxy
     | Specification for one proxy, to be used in connecting to the network.
     |
    <proxy>
      <id>optional</id>
      <active>true</active>
      <protocol>http</protocol>
      <username>proxyuser</username>
      <password>proxypass</password>
      <host>proxy.host.net</host>
      <port>80</port>
      <nonProxyHosts>local.net|some.host.com</nonProxyHosts>
    </proxy>
    -->
  </proxies>

  <!-- servers
   | This is a list of authentication profiles, keyed by the server-id used within the system.
   | Authentication profiles can be used whenever maven must make a connection to a remote server.
   |-->
  <servers>
    <!-- server
     | Specifies the authentication information to use when connecting to a particular server, identified by
     | a unique name within the system (referred to by the 'id' attribute below).
     |
     | NOTE: You should either specify username/password OR privateKey/passphrase, since these pairings are
     |       used together.
     |
    <server>
      <id>deploymentRepo</id>
      <username>repouser</username>
      <password>repopwd</password>
    </server>
    -->

    <!-- Another sample, using keys to authenticate.
    <server>
      <id>siteServer</id>
      <privateKey>/path/to/private/key</privateKey>
      <passphrase>optional; leave empty if not used.</passphrase>
    </server>
    -->
  </servers>

  <!-- mirrors
   | This is a list of mirrors to be used in downloading artifacts from remote repositories.
   |
   | It works like this: a POM may declare a repository to use in resolving certain artifacts.
   | However, this repository may have problems with heavy traffic at times, so people have mirrored
   | it to several places.
   |
   | That repository definition will have a unique id, so we can create a mirror reference for that
   | repository, to be used as an alternate download site. The mirror site will be the preferred
   | server for that repository.
   |-->
  <mirrors>
    <!-- mirror
     | Specifies a repository mirror site to use instead of a given repository. The repository that
     | this mirror serves has an ID that matches the mirrorOf element of this mirror. IDs are used
     | for inheritance and direct lookup purposes, and must be unique across the set of mirrors.
     |
    <mirror>
      <id>mirrorId</id>
      <mirrorOf>repositoryId</mirrorOf>
      <name>Human Readable Name for this Mirror.</name>
      <url>http://my.repository.com/repo/path</url>
    </mirror>
     -->
    <!-- <mirror>
      <id>maven-default-http-blocker</id>
      <mirrorOf>external:http:*</mirrorOf>
      <name>Pseudo repository to mirror external repositories initially using HTTP.</name>
      <url>http://0.0.0.0/</url>
      <blocked>true</blocked>
    </mirror> -->

    <mirror>
      <id>aliyunmaven</id>
      <mirrorOf>central</mirrorOf>
      <name>阿里云公共仓库</name>
      <url>https://maven.aliyun.com/repository/public</url>
    </mirror>
  </mirrors>

  <!-- profiles
   | This is a list of profiles which can be activated in a variety of ways, and which can modify
   | the build process. Profiles provided in the settings.xml are intended to provide local machine-
   | specific paths and repository locations which allow the build to work in the local environment.
   |
   | For example, if you have an integration testing plugin - like cactus - that needs to know where
   | your Tomcat instance is installed, you can provide a variable here such that the variable is
   | dereferenced during the build process to configure the cactus plugin.
   |
   | As noted above, profiles can be activated in a variety of ways. One way - the activeProfiles
   | section of this document (settings.xml) - will be discussed later. Another way essentially
   | relies on the detection of a property, either matching a particular value for the property,
   | or merely testing its existence. Profiles can also be activated by JDK version prefix, where a
   | value of '1.4' might activate a profile when the build is executed on a JDK version of '1.4.2_07'.
   | Finally, the list of active profiles can be specified directly from the command line.
   |
   | NOTE: For profiles defined in the settings.xml, you are restricted to specifying only artifact
   |       repositories, plugin repositories, and free-form properties to be used as configuration
   |       variables for plugins in the POM.
   |
   |-->
  <profiles>
    <!-- profile
     | Specifies a set of introductions to the build process, to be activated using one or more of the
     | mechanisms described above. For inheritance purposes, and to activate profiles via <activatedProfiles/>
     | or the command line, profiles have to have an ID that is unique.
     |
     | An encouraged best practice for profile identification is to use a consistent naming convention
     | for profiles, such as 'env-dev', 'env-test', 'env-production', 'user-jdcasey', 'user-brett', etc.
     | This will make it more intuitive to understand what the set of introduced profiles is attempting
     | to accomplish, particularly when you only have a list of profile id's for debug.
     |
     | This profile example uses the JDK version to trigger activation, and provides a JDK-specific repo.
    <profile>
      <id>jdk-1.4</id>

      <activation>
        <jdk>1.4</jdk>
      </activation>

      <repositories>
        <repository>
          <id>jdk14</id>
          <name>Repository for JDK 1.4 builds</name>
          <url>http://www.myhost.com/maven/jdk14</url>
          <layout>default</layout>
          <snapshotPolicy>always</snapshotPolicy>
        </repository>
      </repositories>
    </profile>
    -->
    <profile>
      <id>jdk1.8</id>
      <activation>
        <activeByDefault>true</activeByDefault>
        <jdk>1.8</jdk>
      </activation>
      <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
        <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>
      </properties>
    </profile>

    <profile>
      <id>aliyun-central</id>
      <repositories>
        <repository>
          <id>central</id>
          <url>https://maven.aliyun.com/repository/central</url>
          <releases>
            <enabled>true</enabled>
          </releases>
          <snapshots>
            <enabled>true</enabled>
          </snapshots>
        </repository>
      </repositories>
    </profile>

    <!--
     | Here is another profile, activated by the property 'target-env' with a value of 'dev', which
     | provides a specific path to the Tomcat instance. To use this, your plugin configuration might
     | hypothetically look like:
     |
     | ...
     | <plugin>
     |   <groupId>org.myco.myplugins</groupId>
     |   <artifactId>myplugin</artifactId>
     |
     |   <configuration>
     |     <tomcatLocation>${tomcatPath}</tomcatLocation>
     |   </configuration>
     | </plugin>
     | ...
     |
     | NOTE: If you just wanted to inject this configuration whenever someone set 'target-env' to
     |       anything, you could just leave off the <value/> inside the activation-property.
     |
    <profile>
      <id>env-dev</id>

      <activation>
        <property>
          <name>target-env</name>
          <value>dev</value>
        </property>
      </activation>

      <properties>
        <tomcatPath>/path/to/tomcat/instance</tomcatPath>
      </properties>
    </profile>
    -->
  </profiles>

  <!-- activeProfiles
   | List of profiles that are active for all builds.
   |
  <activeProfiles>
    <activeProfile>alwaysActiveProfile</activeProfile>
    <activeProfile>anotherAlwaysActiveProfile</activeProfile>
  </activeProfiles>
  -->
  <activeProfiles>
    <activeProfile>jdk1.8</activeProfile>
    <activeProfile>aliyun-central</activeProfile>
  </activeProfiles>
</settings>
验证maven环境变量配置
mvn -v

在这里插入图片描述

Node.js

下载Node.js

地址:https://node.org.cn/en
在这里插入图片描述
下载LTS Long Term Support 长期支持版本
傻瓜式安装installer。
在这里插入图片描述
选择自定义安装路径
在这里插入图片描述
新建两个文件夹node_globalnode_cache如上图所示。

下载Node.js后验证安装是否成功

查看node.js版本和npm版本,若两个都有则安装成功

node -v
npm -v

在这里插入图片描述

配置Node.js环境变量

NODE_HOMENODE_PATH,并将其加入到Path中
在这里插入图片描述
在这里插入图片描述

npm相关设置

以管理员身份打开命令行窗口来进行npm相关设置

在这里插入图片描述

 npm config set prefix "D:\tools\nodejs\node_global"
 npm config set cache "D:\tools\nodejs\node_cache"

验证npm prefix与cache设置是否成功

npm config get prefix
npm config get cache

在这里插入图片描述

修改改用户环境变量PATH,将其从默认的C:\Users\caoju\AppData\Roaming\npm 修改为 D:\tools\nodejs\node_global
在这里插入图片描述
替换为global
在这里插入图片描述
通过npm root -g来验证是否修改好,依赖包存放路径
在这里插入图片描述

配置npm淘宝镜像加速

cmd 命令

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

查看是否配置成功

 npm config get registry

在这里插入图片描述
在这里插入图片描述
可访问,镜像地址没有失效。

测试npm安装依赖

管理员身份运行cmd,安装依赖才能成功。
-g 全局安装

npm install express -g

在这里插入图片描述

Trae安装Vue、Java以及Spring相关插件

Extension Pack for Java
在这里插入图片描述
Spring Boot Extension Pack
在这里插入图片描述
Vue (Official)
在这里插入图片描述

设置Trae的Maven的setting.xml文件路径

文件->首选项->开发环境->Java->Maven for Java扩展配置->去设置
在这里插入图片描述
在这里插入图片描述
maven Settings File,将设置应用于所有配置文件
在这里插入图片描述
在这里插入图片描述
在setting.json中编辑

{
    "redhat.telemetry.enabled": true,
    "workbench.settings.applyToAllProfiles": [
        "maven.settingsFile"
    ],
    "maven.settingsFile": "D:\\tools\\maven\\apache-maven-3.9.9\\conf\\settings.xml",
    "[vue]": {
        "editor.defaultFormatter": "Vue.volar"
    }
}

在这里插入图片描述

输入提示词编程

点击优化提示词语,自动编程,免费版有思考次数达到上限,点击继续可以继续生成。
在这里插入图片描述
在这里插入图片描述
工程生成完毕后,ai会写readme文件,并提供本地运行方法,直接点击就行。
在这里插入图片描述
点击运行后,会添加新的终端并输入相关运行命令
在这里插入图片描述

生成后的还是有点错误可以继续让它修改
在这里插入图片描述
ai会给出修复问题
在这里插入图片描述
ai修改完后会在沙箱中测试
在这里插入图片描述
在这里插入图片描述
ai生成的demo
在这里插入图片描述

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐