快速上手
解决方案通过 FreeMarker
引擎构建发布 IBizSys 业务模型成果文件,为开发人员提供良好开发体验。
如果你刚开始学习前端,直接进入开发作为你的第一步可能不是最好的主意 —— 掌握好基础知识再来吧!
本地示例
实际项目开发中,解决方案需要根据不同的业务要求,对代码的构建、调试、代理、打包部署等一系列工程化的需求。
项目开发依赖 Yarn
和 Vue Cli (3.0)
等工具。
1. 开发环境
在安装使用
Yarn
和Vue 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 目录生成,该目录内内容为解决方案的最终交付产物。