Preface

11

Objective of This Book

11

Audience

12

How to Read This Book

12

Acknowledgments

14

1 What Is Visual Studio Code?

17

1.1 Capabilities

17

1.2 Tour of the Editor

18

1.2.1 Basic Layout

18

1.2.2 Essentials

19

1.3 Comparison to SAP Integrated Development Environments

24

1.3.1 SAP Web IDE

24

1.3.2 SAP Business Application Studio

26

1.3.3 Comparison Summary

28

1.4 Extensions

28

1.5 Summary

31

2 Installing and Setting Up Visual Studio Code

33

2.1 Installing Visual Studio Code

33

2.1.1 Windows

34

2.1.2 macOS

37

2.1.3 Linux (Debian and Ubuntu)

41

2.2 Navigating the Environment

44

2.2.1 Visual Studio Code Screen Elements

44

2.2.2 Command Palette

46

2.2.3 Theming

47

2.2.4 Keyboard Shortcuts and Keymapping

48

2.3 Extensions

50

2.3.1 Finding and Installing Extensions

50

2.3.2 Discovering Recommendations

52

2.3.3 Adding New Programming Languages

53

2.3.4 Using Workspaces to Manage Your Extensions

54

2.4 Summary

55

3 Working with Git

57

3.1 Installing Git

57

3.1.1 Windows

58

3.1.2 macOS

58

3.1.3 Linux (Debian and Ubuntu)

59

3.2 Overview

60

3.2.1 Creating a Repository

60

3.2.2 Cloning a Repository

62

3.2.3 Using Git

64

3.2.4 Fixing Locally Committed Changes

68

3.2.5 What Files Should Git Ignore?

70

3.3 Branches

71

3.3.1 Overview

71

3.3.2 Protected Branches

74

3.3.3 Tags

75

3.4 Summary

76

4 Developing ABAP Applications

77

4.1 Installation and Setup

77

4.1.1 Visual Studio Code Extensions

77

4.1.2 SAP System Configuration

79

4.1.3 Creating an SAP System Connection

81

4.2 Developing ABAP Programs

83

4.2.1 Screen Elements

83

4.2.2 Creating an ABAP Object

86

4.3 Limitations

89

4.3.1 Transport Creation

89

4.3.2 File Locking

90

4.3.3 Comparison to Eclipse

90

4.3.4 Steampunk

90

4.4 Summary

91

5 Developing SAP Fiori Elements Applications

93

5.1 Installation and Setup

93

5.1.1 Installation

93

5.1.2 SAP System Connection Setup

94

5.2 Developing with SAP Fiori Elements

97

5.2.1 Screen Elements

97

5.2.2 Building a List Report Application

112

5.3 Summary

138

6 Developing UI5 Web Components

139

6.1 Overview

139

6.1.1 Comparison to SAP Fiori Elements and SAPUI5

140

6.1.2 Bundling Components

142

6.1.3 Framework Support

142

6.1.4 QuickStart

143

6.2 Installation and Setup

143

6.2.1 Creating a Project

144

6.2.2 Using UI5 Web Components

147

6.3 Building an Application

148

6.3.1 Common Configuration Settings

148

6.3.2 Applying Standard Themes

151

6.3.3 Internationalization (i18n)

153

6.3.4 Accessibility

160

6.4 Producing a Production Build

164

6.5 Looking Ahead

169

6.5.1 The Future of UI5 Web Components

169

6.5.2 The Maturity of UI5 Web Components

169

6.6 Summary

170

7 Developing Applications with SAP Cloud Application Programming Model

171

7.1 Installation and Setup

171

7.1.1 Windows

172

7.1.2 macOS

172

7.1.3 Dependency Steps

173

7.2 Building an SAP Cloud Application Programming Model Application

177

7.2.1 Creating a Project

177

7.2.2 Running a Project

178

7.2.3 Defining a Service

179

7.2.4 Implementing a Service

181

7.2.5 Consuming a Service

182

7.3 Building a Bookshop Application

182

7.3.1 Defining Domain Models

183

7.3.2 Defining a Schema

183

7.3.3 Creating Seed Data

186

7.3.4 Creating the Browse Service

187

7.3.5 Admin Service

188

7.3.6 Adding a Cover Image to a Book

196

7.4 Generating an SAP Fiori Elements User Interface

198

7.4.1 Generating an Application

199

7.4.2 Customizing the List Report Page

202

7.4.3 Updating the Object Page

208

7.5 Authorized Roles

211

7.5.1 Core Data Services

211

7.5.2 Defining Roles

214

7.6 SAP Business Technology Platform Deployment

215

7.6.1 Signing Up for a Trial Account

216

7.6.2 Application Deployment Configuration

222

7.6.3 Build and Deploy

231

7.6.4 SAP Launchpad Setup

242

7.7 Summary

250