前端管理台编译

    2. 安装项目

    在终端命令行中执行以下指令:

    指令简介:

    1. 将项目包从远程仓库拉取到电脑本地
    2. 进入项目WEB根目录:cd incubator-linkis/web
    3. 安装项目所需依赖:npm install

    该步骤仅第一次使用时需要执行。

    您需要在代码中进行一些配置,如后端接口地址等,如根目录下的.env.development文件:

    4. 打包项目

    您可以通过在终端命令行执行以下指令对项目进行打包,生成压缩后的代码:

    该指令成功执行后,项目web目录下会出现一个 “dist” 的文件夹及“*-${getVersion()}-dist.zip”压缩文件,目录dist/dist即为打包好的代码,您可以直接将该文件夹放进您的静态服务器中,或者参考安装文档,使用脚本进行部署安装。

    如果您想在本地浏览器上运行该项目并且改动代码查看效果,需要在终端命令行中执行以下指令:

    在浏览器中(建议Chrome浏览器)通过链接访问应用:http://localhost:8080/ . 当您使用该方式运行项目时,您对代码的改动产生的效果,会动态体现在浏览器上。

    比如chrome浏览器: windows系统下的配置方式:

    1. 关闭所有的chrome浏览器。
    2. 新建一个chrome快捷方式,右键“属性”,“快捷方式”选项卡里选择“目标”,添加 —args —disable-web-security —user-data-dir=C:\MyChromeDevUserData
    3. 通过快捷方式打开chrome浏览器 mac系统下的配置方式: 在终端命令行执行以下命令(需要替换路径中的yourname,若还不生效请检查您机器上MyChromeDevUserData文件夹的位置并将路径复制到下面指令的“—user-data-dir=”后面)

    6 常见问题

    如果遇到该情况,可以使用国内的淘宝npm镜像:

    接着,通过执行以下指令代替npm install指令

    注意,项目启动和打包时,仍然可以使用npm run build和npm run serve指令