SAP Fiori-Vscode 环境搭建中npm报错

文章目录

  • [前提: vscode 安装好了,node 配置完毕,npm环境搭建OK](#前提: vscode 安装好了,node 配置完毕,npm环境搭建OK)
    • [新建一个Fiori 初始化](#新建一个Fiori 初始化)
    • 初始化性项目的报错&警告
      • [Q1: npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead](#Q1: npm WARN config global --global, --local are deprecated. Use --location=global instead)
      • [Q2: npm打包出现警告,npm版本升级](#Q2: npm打包出现警告,npm版本升级)
      • [Q3: npm audit](#Q3: npm audit)
      • [Q4: npm install --global @ui5/cli 安装UI5](#Q4: npm install --global @ui5/cli 安装UI5)

前提: vscode 安装好了,node 配置完毕,npm环境搭建OK

测试 node -v 是否安装成功

配置 npm 环境 :https://blog.csdn.net/qq_45824905/article/details/124820553

配置 ui5 环境 : https://blog.csdn.net/qq_45824905/article/details/125930385

新建一个Fiori 初始化

  1. 在 vscode 中输入:npm install --global @ui5/cli 安装UI5

  2. 在新建的根目录文件下: npm init --yes 初始化界面

  3. 新建webapp 在根目录里执行 ui5 init,生成ui5.yaml

  4. 新建webapp里创建manifest.json文件 在根目录里执行ui5 use SAPUI5@latest ,更新ui5.yaml

  5. 新建一个index.html页面,根目录下输入: ui5 serve

初始化性项目的报错&警告

Q1: npm WARN config global --global, --local are deprecated. Use --location=global instead

A: nodejs 目录下的npm npm.cmd 文件

npm WARN config global --global, --local are deprecated. Use --location=global instead.

这种提示只要将这两个文件中的"prefix -g"修改为"prefix --location=global",保存

Q2: npm打包出现警告,npm版本升级

参照: https://blog.csdn.net/qq_38628046/article/details/126082907

npm有新版本可以更新。根据提示,执行以下命令,就可以更新npm版本了。

npm install -g npm

Q3: npm audit

提交BUG,扫描你的项目是否存在漏洞,并自动为易受攻击的依赖安装任何兼容更新

npm cache clean

尝试之,果然奏效,又可以愉快的npm install 了

到这步就ok了

Q4: npm install --global @ui5/cli 安装UI5

在控制台运行npm指令时遇到如下报错信息:"因为在此系统上禁止运行脚本"

改正界面:

搜索"powershell",并"以管理员身份运行"

使用命令"set-ExecutionPolicy RemoteSigned",将计算机上的执行策略更改为 RemoteSigned

验证是否更改成功

相关推荐
应用市场1 小时前
VSCode + AI Agent实现直接编译调试:告别Visual Studio的原理与实践
人工智能·vscode·visual studio
明道源码5 小时前
Android Studio 创建 Android 模拟器
android·ide·android studio
明道源码5 小时前
Android Studio 使用教程
android·ide·android studio
Caesar Zou15 小时前
ssh远程连接服务器,vscode不显示claude
服务器·vscode·ssh
JoannaJuanCV19 小时前
vscode debug Transformer源码说明
ide·vscode·transformer·qwen3
炘东59220 小时前
让Pycharm的Terminal(终端)进入创建好的虚拟环境
ide·python·pycharm
ZJU_统一阿萨姆21 小时前
Windows系统VSCode配置Rust开发环境(超详细保姆级教程)
windows·vscode·rust
絔宝21 小时前
Eclipse控制台乱码解决方式
java·ide·eclipse
GOATLong1 天前
MySQL内置函数
android·数据库·c++·vscode·mysql
傅科摆 _ py1 天前
Vscode 如何配置远程环境的 ssh 连接
ide·vscode·编辑器·1024程序员节