环境搭建 – 个人空间

关于部分下载缓慢的问题（华为开源镜像站_软件开发服务_华为云）

MAVEN下载

https://archive.apache.org/dist/maven/maven-3

在这个网址下载对应的maven压缩包apache-maven-*.*.*-bin.zip

配置

推荐版本3.6.3

3.6.3/binaries/apache-maven-3.6.3-bin.zip

解压后设置Maven_Home以及Path，在cmd测试mvn -v显示版本号证明安装成功

调试

在maven文件夹下找到conf→settings.xml文件打开进行修改

在<mirrors>< /mirrors>中添加如下片段，设定国内仓库镜像

<mirror>
　　<id>alimaven</id>
　　<mirrorOf>central</mirrorOf>
　　<name>aliyun maven</name>
　　<url>http://maven.aliyun.com/nexus/content/groups/public/</url>
</mirror>

在<profiles></profiles>之间插入如下片段，声明我使用的运行环境

    <profile>
      <id>jdk-1.8</id>
      <activation>
        <activeByDefault>true</activeByDefault>
        <jdk>1.8</jdk>
      </activation>
      <properties>
        <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>

TOMCAT下载

https://tomcat.apache.org/download-80.cgi

在这个网址下载对应的tomcat安装包apache-tomcat-8.5.79.exe，我是默认安装（路径修改）

配置

解压后设置CATALINA_HOME以及Path，在cmd测试startup.bat启动成功证明安装成功download.bat退出，如果退出失败启动失败查看端口是否被占用

Netstat -ano –找到被占用的端口的PID

Tasklist ---查看进程名在任务管理器中结束进程

需要配置好CATALINA_LINE和JAVA_HOME否则报错

调试

在Apache文件夹中找到conf→logging.properties文件打开后到第五十行左右的UTF-8修改成GBK（解决启动中文乱码问题）

在Apache文件夹中找到conf→server.xml文件

找到<Server port="-1" shutdown="SHUTDOWN">

改为<Server port="8005" shutdown="SHUTDOWN">（解决无法正常关闭问题）

JAVA下载

https://www.oracle.com/java/technologies/downloads/#java8-windows

在这个网址下载对应的Java环境jre_8u33_windows_x64.exe（目前比较推荐java 8）在上述网页下拉即可找到

配置

解压后设置Java_Home以及Path，在cmd测试java -version显示版本号证明安装成功

调试

不太需要什么调试，主要是安装后测试的版本号如果不对，在path中将它调到上面，window自带或者idea安装时自带的java可以优先级更高，这就需要手动调整顺序

MYSQL下载

https://dev.mysql.com/downloads/installer

Mysql安装程序

剩下的都是默认就可以了（早期电脑用户名是中文，log默认路径在user下，所以会报错，mysql路径不能存在中文）

记得配置path具体不细说了

MySql8.0版本问题

建议配置path，不配也行吧，进入mysql后输入如下指令修改正确的时区

set global time_zone='+8:00';

如果使用mybits-generator-gui的话需要在pom中添加如下组件

<dependency>

    <groupId>mysql</groupId>

    <artifactId>mysql-connector-java</artifactId>

    <version>8.0.19</version>

</dependency>

REDIS下载

https://github.com/tporadowski/redis/releases

Redis的windos版本安装，注意官网好像只存在linux版本的

解压后redis.windows.conf和redis.windows-service.conf搜索requirepass （带空格只有唯一搜索结果）后面添加一行requirepass 123456（这是密码，自己设定）然后

cmd进入redis文件夹，进入cmd输入如下指令

redis-server.exe redis.windows.conf

打开redis后在新的cmd窗口输入

redis-cli

进入后输入auth ******（密码）

NODEJS下载

http://nodejs.cn/download/

下载长期支持版本即可一路下一步

输入npm -v和node -v成功即安装成功

创建如下两个文件夹随后cmd执行指令

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

npm config set registry=http://registry.npm.taobao.org

在命令行输入npm config list可以查看刚才的配置

环境变量添加

NODE_PATH 内容是：D:\nodejs\node_global\node_modules

Cmd继续执行

npm install vue -g

npm install vue-router -g

npm install vue-cli -g

path环境变量添加D:\nodejs\node_global

随后输入vue -V即可查看vue版本号

介绍一下目录及其作用：

build：最终发布的代码的存放位置。

config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。

node_modules：npm 加载的项目依赖模块,（整个项目需要的依赖资源）

src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：

assets:放置一些图片，如logo等

components:目录里放的是一个组件文件，可以不用。

App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。

main.js ：项目的核心文件

static：静态资源目录，如图片、字体等。

test：初始测试目录，可删除

.XXXX文件：配置文件。

index.html：首页入口文件，可以添加一些meta信息或者同统计代码啥的。

package.json：项目配置文件。

README.md：项目的说明文件。

安装vue示例

vue init webpack +项目名称

Project name（输入项目名称）

Project description（输入项目简介）

Author (项目作者)

Vue build回车即可

Vue项目创建参考

Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到所以Y 回车；

Use ESLint to lint your code ==> 是否需要 js 语法检测目前我们不需要所以 n 回车；

Set up unit tests ==> 是否安装单元测试工具目前我们不需要所以 n 回车；

Setup e2e tests with Nightwatch ==> 是否需要端到端测试工具目前我们不需要所以 n；

使用nmp还是其他指令，这里选nmp

vue3
方法一、
npm uninstall vue-cli -g # 卸载旧版本
npm install -g @vue/cli # 安装新版本

使用 Vue CLI 创建一个新的 Vue3 项目：
vue create my-vue3-project(项目名)
在创建过程中，选择 Vue 3 选项。

安装 Vue Router 和 Vuex：
npm install vue-router@4
npm install vuex@next

安装其他常用依赖，如 axios 和 less：
npm install axios
npm install less less-loader

创建和配置 vue.config.js 文件，设置全局样式和其他配置。

方法二、
确保你已经安装了 Node.js 和 npm。然后，使用以下命令安装 Vite：
npm create vite@latest my-vue3-project --template vue

cd my-vue3-project
npm install

npm run dev

创建和配置 vite.config.ts 文件，设置代理、路径别名等：
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
plugins: [vue()],
server: {
host: true,
port: 8080,
open: true,
proxy: {
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, '')
}
}
},
resolve: {
alias: {
'@': '/src'
}
}
})

安装 Vue Router 和 Pinia：
npm install vue-router@4
npm install pinia

在 src 目录下创建 router 和 store 文件夹，并配置相应的文件。