365bet地区

365bet地区

s

365bet地区版本 4.0.1

365bet地区培训由创建并积极维护365bet地区框架的人们开发和交付

入门

365bet地区365bet地区的Vue个人资料365bet地区此配置文件将生成一个多项目构建,其中包括365bet地区应用程序和一个js视图365bet地区访问365bet地区提供的RESTful API的前端应用程序

此配置文件将生成两个应用程序服务器客户. 服务器365bet地区将是使用休息api配置文件,其中包括对创建域资源的安全控制器和JSON视图的支持

客户是使用生成的独立Vue js应用CLI视图使用webpack模板客户应用程序包括使用路由器视图UIV365bet地区Bootstrap库,并配置为通过REST与365bet地区后端进行通信客户该项目还包括功能正常的测试套件单元,以及用于构建和测试应用程序的测试和脚本,请参见查看cli模板文件了解更多信息

您将需要什么

要完成本指南,您将需要以下内容

  • 分钟以内

  • 365bet地区安装了365bet地区或更高版本

  • 安装了JDK或更高版本JAVA首页适当配置

生成应用

要开始使用此配置文件,请在生成应用程序时将其指定

$grails创建应用程序myApp个人资料vue

您也可以使用应用伪造通过Web界面或使用以下命令卷曲命令

curl O start grails org myApp zip d版本d profile vue

看一下目录结构,您将看到典型的Gradle多项目构建,其中包含单独的客户端和服务器项目

xwxr xr x9扎克员工306十一月1 13:15客户端drwxr xr x3扎克员工102十一月1 13:10gradle rwxr r1扎克员工4971十一月1 13:10gradlew rwxr r1扎克员工2314十一月1 13:10gradlew蝙蝠drwxr xr x8扎克员工272十一月1 13:12服务器服务器1扎克员工26十一月1 13:10设置gradle

服务器365bet地区专案是我们的365bet地区应用程式。设定档会使用休息api配置文件,它支持将域类创建为静态资源默认情况下启用CORS以及JSON和标记视图

客户是我们的Vue应用

w1扎克员工44412十一月1 13:10自述md rw r r1扎克员工669十一月1 13:10建立gradle rw r r1扎克员工404十一月1 13:10 json drwxr xr x4扎克员工136十一月1 13:10 上市xwxr xr x10扎克员工340十一月1 13:10src

客户项目结构,除了建立gradle特定于配置文件的所有内容均由Vue CLI提供网络包模板,并包含出色的自述文件src目录是Vue源代码及其子目录的存放位置组件 , 资产配置.

静态的该目录用于您希望从Vue应用程序获取的公共资源,而不会被webpack捆绑。还有一个根目录索引html用于生成Vue应用程序主页的文件再次参见查看CLI模板文档更多细节

如果您编辑文件配置开发环境js您将看到配置文件为模板默认值添加了附加配置属性

'使用严格'const合并要求'Webpack的作品'宪法规定prodEnv'产品环境'prodEnv合并模块出口节点环境: '发展',
  服务器URL: 'HTTP本地主机' (1)
})
1 服务器URL指向默认地址服务器365bet地区365bet地区应用程序,用作从Vue应用程序进行REST调用的基本URL

您可以更改现有的配置属性或向该文件添加新的属性,它们将应用于开发环境,请注意,客户环境基于中的脚本客户端软件包json365bet地区且与365bet地区环境无关

运行应用程序

此配置文件还定义了一组自定义Gradle任务,包括用于启动客户端应用程序的bootRun任务。您可以分别启动服务器和客户端应用程序

gradlew服务器bootRun

365bet地区这将启动365bet地区应用程序,该应用程序将在以下位置可用HTTP本地主机.

在另一个终端
gradlew客户端启动

这将启动Vue应用程序的开发服务器,该服务器将在以下位置可用HTTP本地主机.

客户端建立gradle文件还包含一个bootRun为了与服务器项目,这意味着您可以利用Gradle的并行执行在单个命令中运行客户端和服务器应用程序

gradlew bootRun并行

还有更多客户将npm脚本包装在其中的任务包json用于构建和测试Vue应用程序您可以使用Gradle包装器运行它们,也可以直接运行脚本(如果有)ASL已安装

gradlew客户端测试gradlew客户端版本
从客户端目录
npm测试npm运行构建

再次请参阅模板文件有关利用这些脚本和Vue CLI提供的其他功能的更多信息

记得检查365bet地区365bet地区查看资料文档以了解更多信息

365bet地区帮助365bet地区

OCI赞助了本指南的创建OCI提供了几种365bet地区服务:

免费咨询

OCI 365bet地区团队包括365bet地区联合创始人Jeff Scott Brown和Graeme Rocher检查我们的365bet地区课程并向发展和维护365bet地区的工程师学习

Grails OCI团队