Skip to content

编译文档.md

Latest commit

 

History

History
75 lines (53 loc) · 2.43 KB

编译文档.md

File metadata and controls

75 lines (53 loc) · 2.43 KB
Raw

编译文档中文版

启动流程

一、安装Node.js

将Node.js下载到电脑本地，安装即可。下载地址：http://nodejs.cn/download/ （建议使用最新的稳定版本） 该步骤仅第一次使用时需要执行。

二、安装项目

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

git clone ${ipAddress}
cd wds-ide
npm install

指令简介：

  1. 将项目包从远程仓库拉取到电脑本地：git clone ${ipAddress}
  2. 进入项目包根目录：cd wds-ide
  3. 安装项目所需依赖：npm install

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

三、配置

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

//restful http接口版本路径前缀，linkis后端不改一般不需要改一般不需要改 通过代理访问
VUE_APP_MN_CONFIG_PREFIX=/api/rest_j/v1/
//restful websocket接口版本路径前缀，linkis后端不改一般不需要改一般不需要改
VUE_APP_MN_CONFIG_SOCKET=/ws/api/entrance/connect
//后端host  后端gateway服务
SERVER_HOST=http://192.168.9.180:9001
PORT= 前端本地调试端口

配置的具体解释可参考vue-cli官方文档：环境变量和模式

打包项目

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

npm run build

该指令成功执行后，项目根目录下会出现一个名叫 “dist” 的文件夹，该文件夹即为打包好的代码。您可以直接将该文件夹放进您的静态服务器中。

运行项目

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

npm run serve

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

常见问题

npm install无法成功

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

npm install -g cnpm --registry=https://registry.npm.taobao.org

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

cnpm install

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