ESLint配置

如何在项目中配置ESLint?

1. 复制 eslint.config.js文件 - 主要的 ESLint 配置文件


2. 安装依赖:

npm install --save-dev eslint @eslint/js eslint-plugin-vue vue-eslint-parser glob


3. 修改package.json的script,添加两句代码:

"lint": "eslint src --ext .vue,.js --fix"

"lint:check": "eslint src --ext .vue,.js"


4. 检测是否成功:

npm run lint:check

Pinia状态管理

如何使用Pinia?

1. 安装指令:

npm install pinia


2. 配置pinia:

创建 store/user.js 文件


3. 配置main.js搞定

Express框架

如何搭建Express框架?

1. 初始化项目:

npm init -y // 安装依赖文件


2. 安装Express:

npm install express


3. 启动指令:

node app.js

Python项目

Python项目如何配置和启动?

1. 安装Python:

brew install python

查看版本:python3 --version


2. 删除虚拟环境:

rm -rf venv


3. 创建新的虚拟环境:

python3 -m venv --clear venv


4. 激活虚拟环境:

source venv/bin/activate


5. 虚拟机安装完成:

查看pip版本:pip --version


6. 安装依赖:

pip install -r requirements.txt


7. 启动指令:

python3 app.py

Java Spring框架

Java Spring Boot项目如何运行和部署?

1. 启动指令:

mvn spring-boot:run -Dspring-boot.run.profiles=dev


2. 生成jar包:

mvn package -Dspring.profiles.active=dev

或者

mvn clean package -DskipTests


3. 端口管理:

释放/停止所有端口:pkill -f java

查看端口占用:lsof -i :8080

停止指定PID:kill -9 PID

Nuxt框架

Nuxt项目如何打包和部署?

1. 打包:

npm run build

生成 .output 目录


2. 部署:

上传 .output 文件夹

项目目录选择 output


3. 启动命令:

nohup env PORT=3001 node server/index.mjs > app.log 2>&1 &


4. 开发模式:

npm run dev

Git常用指令

基础配置与仓库初始化?

基础配置:

git config --global user.name "你的姓名"

git config --global user.email "你的邮箱"

git config --list # 查看配置


仓库初始化:

git init # 初始化本地仓库

git clone # 克隆远程仓库

提交操作与状态查看?

提交操作:

git commit -m "提交信息" # 提交到本地仓库


查看状态:

git status # 查看工作区状态

git status --ignored # 查看被忽略的文件

git log # 查看提交历史

git diff # 查看工作区与暂存区的差异

git diff --cached # 查看暂存区与仓库的差异

分支操作?

分支操作:

git branch # 查看本地分支

git branch -a # 查看所有分支

git branch # 创建分支

git checkout # 切换分支

git checkout -b # 创建并切换分支

git merge # 合并分支

git branch -d # 删除分支

远程操作?

远程操作:

git remote -v # 查看远程仓库

git remote add origin # 添加远程仓库

git push origin # 推送到远程仓库

git pull origin # 从远程仓库拉取

git fetch # 获取远程更新

修改远程仓库地址?

方法1:直接修改 origin 的 URL

git remote set-url origin <新的仓库地址>


方法2:先删除再添加

git remote remove origin # 删除远程仓库

git remote add origin <新的仓库地址> # 添加新的远程仓库地址

撤销操作?

撤销操作:

git reset HEAD # 撤销暂存区文件

git checkout -- # 撤销工作区文件修改

Python后端部署

Python项目如何在宝塔部署?

1. 上传源码至宝塔文件/www(不需要包含虚拟机venv)

2. 创建python站点:

- python环境:3.13.7

- 启动方式:命令行启动

- 项目路径:/www/python/python_project

- 启动命令:python3 app.py

- 环境变量:无

3. 域名管理:添加域名+SSL证书续签

4. 外网映射:防火墙状态放行、外网映射开启,代理路由:/

Nuxt项目部署

Nuxt项目如何在宝塔部署?

1. 上传源码至宝塔文件/www

2. 终端执行:

- npm install 安装依赖

- npm run build 项目打包输出.output文件

3. 创建node项目站点:

- 项目目录:/www/Nuxt/.output

- 项目名称:Nuxt

- 启动选项:自定义启动命令

- 启动命令:nohup env PORT=3001 node server/index.mjs > app.log 2>&1 &

- node版本:v22.19.0

- 包管理器:npm

4. 域名管理:添加域名+SSL证书续签

5. 外网映射:开启

Node Express后端部署

Node Express项目如何在宝塔部署?

1. 上传源码至宝塔文件/www

2. 终端执行:

- npm install 安装依赖

3. 创建node项目站点:

- 项目名称:express_project

- 启动文件:/www/node/express_project/app.js

- 运行目录:/www/node/express_project

- 项目端口:3000 (选择一个未被使用的端口)

4. 域名管理:添加域名+SSL证书续签

5. 外网映射:开启

Java Spring Boot部署

Java项目如何在宝塔部署?

1. 上传jar包至宝塔文件

2. 创建java项目站点:

- 项目路径:/www/jar/spring-demo-1.0.0.jar

- 项目名称:spring-demo-1

- 项目JDK:JDK[/usr/bin/java]

- 项目启动命令:/usr/bin/java -jar -Xmx1024M -Xms256M /www/jar/spring-demo-1.0.0.jar

- 项目端口:8080

3. 外网映射:防火墙状态放行、外网映射开启,代理路由:/

4. 域名管理:添加域名+SSL证书续签

5. 注意事项:各项目部署需要确保服务器已安装对应的环境

Nginx安装与使用

macOS如何安装Nginx?

# 使用 Homebrew 安装

brew install nginx


# 启动(开机自启)

brew services start nginx


# 或手动启动

nginx


# 查看 Nginx 版本

nginx -v


# 查看安装位置

which nginx


# 测试配置

nginx -t

Nginx如何启动、停止和重载配置?

# 启动nginx(指定配置文件)

nginx -c $(pwd)/nginx-study.conf


# 查看端口占用

lsof -i :8083


# 查看进程

ps aux | grep nginx


# 停止 Nginx

nginx -s stop


# 停止所有Nginx

pkill nginx


# 重新加载配置(不中断服务,推荐)

nginx -s reload