之前只用过personal webide开发Fiori,但是这玩意有个问题一直困扰着我,就是居然不能直接在编辑器上打出中文,如果一但使用中文输入法就不行了,会打出乱码。研究多次未果之后,决定也试用下vscode,看看好不好用。首先下载vscode,在以下链接选择相应的版本https://code.visualstudio.com/。我这里选择的时win 64位
然后再去下载node.js,原因是在开发UI5的时候在会用到,到时候我会在出一个文章,如果我没出,请提醒我。当然了,提醒也是不一定有用的
![](https://img-blog.csdnimg.cn/2021072908582196.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?至于怎么安装的,这个百度经验已经写的很好了,就不重复造轮子了。https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html.
都按百度经验搞完之后,现在再重启VScode,键盘输入ctrl+shift+`,打开terminal ,输入npm install
![](https://img-blog.csdnimg.cn/20210729095911190.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
没报错就代表成功了。
在左侧菜单栏这个地方是extension,就是装插件的。在上方搜索框输入SAP Fiori tools 后,把出来的这几个全部都点一下安装,这里就先装这么多,插件是好心人不断更新的,如果有需要可以不定时来找下新插件。
![](https://img-blog.csdnimg.cn/20210729105428908.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?OK ,下完之后Ctrl + Shift + P 打开命令面板,里面可以去输一些命令来搭建UI5项目。
![](https://img-blog.csdnimg.cn/20210729110545542.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?![](https://img-blog.csdnimg.cn/20210729111043109.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
把这个给装上 ,再次ctrl+shift+p,打开模板,其实随便选哪个都是可以的![](https://img-blog.csdnimg.cn/20210729111331970.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?![](https://img-blog.csdnimg.cn/20210729111838101.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?配下系统的URL,账户密码,端口,然后再账户密码输入框有个登录,点一下,就出来ODATA服务了,该选哪个就选哪个呗。接下来一大堆配置都是不言自明的,不明那就拉倒吧,一路拉下来选个版本,选个项目主题,我都是Belize,如果不想现在就配部署系统和lanuchpad的配置就先跳过选NO
![](https://img-blog.csdnimg.cn/20210729112636856.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?![](https://img-blog.csdnimg.cn/20210729112735838.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?生成项目后,按ctrl+shift+`,打开命令行,输入npm install .
![](https://img-blog.csdnimg.cn/20210729143515563.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYXJ1c29uZw==,size_16,color_FFFFFF,t_70)
?安装成功之后按上面的顺序点一下,选下sapui5版本,项目就顺利跑起来了。
|