代码拉取完成,页面将自动刷新
.nvmrc
内的配置自动切换(Linux)nvm
nvm install *
安装某个版本的nodebash
在 ~/.bashrc
内新增以下内容:# 加载 nvm 命令,如存在请忽略
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
# 自动切换 node 版本(重载 cd 命令,根据目录下的.nvmrc 自动(安装)切换)
cdnvm() {
command cd "$@";
nvm_path=$(nvm_find_up .nvmrc | tr -d '\n')
# 如果项目目录下不存在对应的 .nvmrc 配置文件,则使用默认的版本
if [[ ! $nvm_path = *[^[:space:]]* ]]; then
declare default_version;
# 获取默认的 node 版本
default_version=$(nvm version default);
# 如果没有设置默认的 node 版本,则将最新版作为默认的 node 版本
if [[ $default_version == "N/A" ]]; then
nvm alias default node;
default_version=$(nvm version default);
fi
# 如果不存在配置文件并且当前版本不等于默认的版本,则切换为默认的 node 版本
if [[ $(nvm current) != "$default_version" ]]; then
# echo "使用默认的 node 版本: $default_version";
nvm use "$default_version";
fi
# 如果存在配置文件则使用配置文件中的 node 版本
elif [[ -s $nvm_path/.nvmrc && -r $nvm_path/.nvmrc ]]; then
declare nvm_version
# 取出配置文件中的 node 版本
nvm_version=$(<"$nvm_path"/.nvmrc)
declare locally_resolved_nvm_version
# 检测对应的 node 版本是否安装
locally_resolved_nvm_version=$(nvm ls --no-colors "$nvm_version" | tail -1 | tr -d '\->*' | tr -d '[:space:]')
if [[ "$locally_resolved_nvm_version" == "N/A" ]]; then
# echo "未安装,安装并使用: $nvm_version";
nvm install "$nvm_version";
# 全局安 yarn
npm i -g yarn;
elif [[ $(nvm current) != "$locally_resolved_nvm_version" ]]; then
# echo "已安装,直接使用: $nvm_version";
nvm use "$nvm_version";
fi
fi
}
alias cd='cdnvm'
cd "$PWD"
.env.local
文件,内容如下:# !!! 变量名必须以 VITE_ 开头
# 使用 import.meta.变量名 获取
VITE_TITLE = '小黑管理后台'
# 后端使用 nginx 代理来跨域时,使用绝对路径
# 模拟与真实共存,路径不能重复,不然就无法发出真实请求
VITE_BASE_HTTP = '/mockapi'
# websocket 连接地址,使用NGINX代理时为绝对路径,其他情况需要使用带协议的完整路径
VITE_BASE_WS = '/wss'
# 真实地址(树莓派内网穿透)
VITE_PI_HTTP = 'http://frp.104300.xyz:15151/api/admin'
VITE_PI_WS = 'ws://frp.104300.xyz:15151/wss/admin'
# 是否启用真实请求混入(关闭时无需设置)
# VITE_ENABLE_PI = true
yarn build
因生产需要,将 node 运行内存设为了 1G(1024)
yarn build:prod
无内存限制yarn build | yarn build:prod | yarn build:prod.nginx
)# 装依赖
yarn
# 升级最新依赖(同时更新 yarn.lock 和 package.json)
yarn upgrade-interactive --latest
# 手动升级特定版本
yarn upgrade package-name@version
# 本地运行(请求真实开发服服务器)
yarn dev
# 本地运行(使用自定义vite插件注入的中间件实现 mock,可以在控制台看到真实的请求)
yarn dev:mock
# 本地运行(请求测试服务器)
yarn dev:test
# 本地运行(请求正式服务器)
yarn dev:prod
# ------ 本地运行及打包 ------
# --- 依赖 .env.{MODE}.local 内部的环境变量 ---
# 打mock包
yarn build:mock
# 打开发服包
yarn build:dev
# 打开发服包(后端配置了 nginx 代理,请求'/api/dev')
yarn build:dev.nginx
# 打测试服包
yarn build:test
# 打测试服包(后端配置了 nginx 代理,请求'/api/test')
yarn build:test.nginx
# 打正式服包
yarn build:prod
# 打正式服包(后端配置了 nginx 代理,请求'/api/prod')
yarn build:prod.nginx
# 本地预览打包后的页面
yarn pre
# ------ 服务器打包 ------
# 1. 注入环境变量
# VITE_BASE_HTTP = '接口请求地址(必须)'
# VITE_TITLE = '后台标题(可选)'
# 2. 打包
yarn build
yarn format
使用 rome 作为格式化工具
请在 Linux 系统下使用,目前 window 系统下存在 bug,无法使用
yarn cli
createNewTemplate
自动创建页面模板所需的文件并更新模板配置createNewPage
:
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型