美文网首页
项目打包上线步骤

项目打包上线步骤

作者: 雨泽丶 | 来源:发表于2019-04-04 17:00 被阅读0次

    1.项目文件夹初始化项目

    npm init
    

    2.项目终端运行(-g 全局安装 不加则局部安装)(8888即为你命令传入的地址)

    http-server -o -g 8888
    
    • 运行失败则安装(-g 全局安装 不加则局部安装)
    npm i http-server -g
    

    3.运行打包程序(生成dist文件夹即打包后的文件夹)

    npm run build
    

    4.去码云创建仓库文件夹项目,克隆链接


    链接.png

    5.打开


    文件.png
    image.png

    点击file 选择第三个按钮 然后输入复制的仓库链接 选好桌面创建好的打包文件夹的地址 输入码云账号和密码

    6.码云仓库 运行 服务 =》 Gitee Pages 生成链接 点击后 打开一个网站是空白网站 复制空白网站地址

    7.打开原项目里的 config 文件夹 打开index.js文件夹
    assetsPublicPath 代码后面 单引号里放置复制的空白网站地址

    8.删除原dist文件夹 重新运行打包命令(npm run build)生成新的dist

    9.打开项目文件夹目录 复制新dist文件夹内的文件 放到仓库项目文件夹

    10.重新上传 更新 加载 打开码云仓库生成的新的链接即完成

    相关文章

      网友评论

          本文标题:项目打包上线步骤

          本文链接:https://www.haomeiwen.com/subject/nhombqtx.html