在vscode上开发Fiori

之前只用过personal webide开发Fiori,但是这玩意有个问题一直困扰着我，就是居然不能直接在编辑器上打出中文，如果一但使用中文输入法就不行了，会打出乱码。研究多次未果之后，决定也试用下vscode，看看好不好用。首先下载vscode,在以下链接选择相应的版本Visual Studio Code - Code Editing. Redefined。我这里选择的时win 64位

然后再去下载node.js,原因是在开发UI5的时候在会用到，到时候我会在出一个文章，如果我没出，请提醒我。当然了，提醒也是不一定有用的

 至于怎么安装的，这个百度经验已经写的很好了，就不重复造轮子了。https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html.

都按百度经验搞完之后，现在再重启VScode,键盘输入ctrl+shift+`,打开terminal ,输入npm install

没报错就代表成功了。

在左侧菜单栏这个地方是extension，就是装插件的。在上方搜索框输入SAP Fiori tools 后，把出来的这几个全部都点一下安装，这里就先装这么多，插件是好心人不断更新的，如果有需要可以不定时来找下新插件。

 OK ,下完之后Ctrl + Shift + P 打开命令面板，里面可以去输一些命令来搭建UI5项目。

 

把这个给装上 ，再次ctrl+shift+p，打开模板，其实随便选哪个都是可以的

 

 配下系统的URL,账户密码，端口，然后再账户密码输入框有个登录，点一下，就出来ODATA服务了，该选哪个就选哪个呗。接下来一大堆配置都是不言自明的，不明那就拉倒吧，一路拉下来选个版本，选个项目主题，我都是Belize,如果不想现在就配部署系统和lanuchpad的配置就先跳过选NO

 

 生成项目后，按ctrl+shift+`，打开命令行，输入npm install .

 安装成功之后按上面的顺序点一下，选下sapui5版本，项目就顺利跑起来了。