AWS PaaS前端开发环境搭建

环境准备

操作系统：Windows、Linux、Mac OS WebStorm : 2022.2 (或使用其他VUE开发工具) Node.js：v18+ yarn：v1.22+

在进行后续操作前，请再次确认您的电脑已安装Node.js和yarn，可在终端分别执行node -v和 yarn -v命令确认。Node.js可从Node官网下载最新版本安装即可，在安装Node.js后，可使用npm install -g yarn 命令安装yarn。 如果您在安装过程中遇到问题，可自行通过网络学习、分析、解决。

为简化前端开发工程师环境的搭建和学习。炎黄盈动架构师提供了三个基础项目，下载后，简单配置可运行，详细参加下方介绍。

1. 插件开发

本节内容适用于自定义开发AWS PaaS平台插件开发的前端开发程师的环境搭建。

1.1. 下载插件开发项目包和示例代码

点击这里下载插件开发的前端项目包和示例代码。

1.2. 为项目包安装yarn

在终端命令进入上面下载的项目包路径，在项目包路径位置执行 yarn install命令。

1.3 项目示例包结构说明

1.4 修改配置文件

修改配置文件 AWSDevServiceParams.js

1.5 运行程序

在终端命令执行npm run dev，运行程序 或在package.json文件中点击运行按钮，执行相关命令。 通过http://localhost:3000/#/ 访问前端页面。

有关插件开发参见插件开发章节。

2. AWS MVC PC端页面

本节内容适用于AWS PaaS平台MVC开发中PC端页面场景。

2.1. 下载PC端页面项目包和示例代码

点击这里下载PC端页面项目包和示例代码。

2.2. 为项目包安装yarn

在终端命令进入上面下载的项目包路径，在项目包路径位置执行 yarn install命令。

2.3 项目示例包结构说明

2.4 修改配置文件AWSDevServiceParams.js

修改配置文件 AWSDevServiceParams.js

2.5 修改配置文件AWSDevParams.js

修改配置文件 AWSDevParams.js

2.6 运行程序

打开package.json文件，如下图点击运行按钮可进行程序。 通过http://localhost:3000/#/ 访问前端页面。

3. AWS MVC 移动端页面

本节内容适用于AWS PaaS平台MVC开发中移动端页面场景。

3.1. 下载移动端页面项目包和示例代码

点击这里下载移动端页面项目包和示例代码。

3.2. 为项目包安装yarn

在终端命令进入上面下载的项目包路径，在项目包路径位置运行： yarn install命令。

3.3 项目示例包结构说明

3.4 修改配置文件AWSDevServiceParams.js

修改配置文件 AWSDevServiceParams.js

3.5 修改配置文件AWSDevParams.js

修改配置文件 AWSDevParams.js

3.6 运行程序

打开package.json文件，如下图点击运行按钮可进行程序。 通过http://localhost:3000/#/ 访问前端页面。