npm run *** 上传 dist 到 github

    1. 安装 gh-pages
    1. 在package.json 中新建一条 上传命令
    • “upload-build”: “gh-pages -d dist -r https://github.com/******.git -b main”,
    • dist 默认名称 可以自定义
    • 仓库地址 看自己的分支地址 复制自行修改
    • main 分支名 可以自定义
    1. 项目修改后 打包后 生成 dist 文件 后执行 npm run upload-build 会把代码推送到 对应的代码仓库里的 main 分支

基于 github pages 搭建的站点

每次打开页面都需要运行 `npm run serve`,是因为这是前端开发环境的一个常见工作流程。以下是详细的解释: ### 背景知识 1. **什么是 npm** npm 是 Node.js 的包管理工具,它可以帮助开发者安装、管理和更新项目所需的依赖库。 2. **什么是 npm run serve** `npm run serve` 是通过 npm 配置好的脚本命令,用于启动本地开发服务器。这个命令通常出现在 Vue 或 React 等基于 Webpack 构建的前端项目中。 3. **为什么需要每次都运行此命令** - 开发阶段使用的文件通常是未经过打包优化的源码。 - 运行 `npm run serve` 后会启动一个热更新的本地服务器(如 http://localhost:8080),允许你在修改代码后实时查看效果。 - 如果关闭了终端或者停止了服务进程,则该本地服务器不再运行,因此再次访问时需要重新启动。 --- ### 解决方案(如果想避免每次都手动执行) 如果你希望减少操作步骤,可以尝试以下几种方法: #### 1. 使用生产模式直接部署静态资源 当你完成开发并构建好最终版本时,可以运行以下命令生成静态文件: ```bash npm run build ``` 这将把你的应用打包成可以在生产环境中运行的文件,并存储到项目的 `dist` 文件夹下。你可以把这些文件上传至任何支持静态网站托管的服务商平台(例如 GitHub Pages、Netlify 等)。 #### 2. 自动化任务配置 利用一些自动化工具来监控文件变化自动重启服务,比如 [nodemon](https://www.npmjs.com/package/nodemon) 或者更高级的任务调度系统。 #### 3. 设置快捷键或批处理文件 在 Windows 上创建 `.bat` 批处理文件,在 macOS/Linux 中创建 Shell Script 来简化命令输入过程。 --- ### 总结 总之,“每次打开页面都需 npm run serve” 是正常现象,尤其在开发环境下。但可以根据需求选择合适的方式优化体验!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值