快速上手

解决方案通过 FreeMarker 引擎构建发布 IBizSys 业务模型成果文件,为开发人员提供良好开发体验。

如果你刚开始学习前端,直接进入开发作为你的第一步可能不是最好的主意 —— 掌握好基础知识再来吧!

本地示例

实际项目开发中,解决方案需要根据不同的业务要求,对代码的构建、调试、代理、打包部署等一系列工程化的需求。 项目开发依赖 YarnVue Cli (3.0) 等工具。

1. 开发环境

在安装使用 YarnVue Cli (3.0) 前,务必确认 Node.js 已经升级到 v4.8.0 或以上,强烈建议升级至最新版本。 如果你想了解更多 Yarn 工具链的功能和命令,建议访问 Yarn 了解更多。 如果你想了解更多 Vue Cli (3.0) 工具链的功能和命令,建议访问 Vue Cli (3.0) 了解更多。

  • 访问 Node.js ,根据文档安装 Node.js
  • 访问 Yarn ,根据文档安装 Yarn
  • 访问 Vue Cli (3.0) ,根据文档安装 Vue Cli (3.0)

在安装 Vue Cli (3.0) ,请使用 Yarn 模式全局安装。

$ yarn global add @vue/cli

以下为 Windows 环境开发正常配置

开发环境信息

2. 安装依赖

打开前端项目,进入工作空间下,执行安装依赖命令

$ yarn install

3. 远程代理

修改远程代理文件 vue.config.js 代理地址

远程代理地址

4. 启动

在工作空间下,执行启动命令

$ yarn serve

启动后,通过 vue.config.js 开发服务 devServer 下配置的本地启动端口号访问开发项目。
示例:

$ http://localhost:8111

5. 打包

在工作空间下,执行打包命令

$ yarn build

打包完成后,工作空间内有 dist 目录生成,该目录内内容为解决方案的最终交付产物。

results matching ""

    No results matching ""