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

验证是否更改成功

相关推荐
叶落阁主13 小时前
AntV npm 投毒复盘:一次公司私服缓存恶意包引发的账号封禁事件
前端·安全·npm
天上路人14 小时前
AI 降噪不是“凭空复原语音”,而是在“已有语音信息”的基础上进行增强。
ide·人工智能·macos·语音识别·xcode
权、狐妖18 小时前
【Vscode安装ESlint插件、下载ESLint包以及他们之间的关系和使用】
ide·vscode·编辑器
罗超驿19 小时前
1.HTML基础入门:标签、属性与路径详解(VSCode开发环境)
前端·vscode·html
hacker_LeeFei19 小时前
前端辨识:npx、npm 、pnpm的区别
前端·npm·node.js
风别鹤19 小时前
windows android studio 工程gradlew.bat不是64位程序
android·ide·windows·android studio
摇滚侠21 小时前
VScode 需要安装的插件和修改的设置
ide·vscode·编辑器
林森i1 天前
vscode设置java
java·ide·vscode
Molesidy1 天前
【VSCode】VSCode+Claude Code插件+DeepSeek API Key的环境搭建
ide·vscode·编辑器·deepseek·claude code
shjsjdmmd1 天前
IntelliJ IDEA 接入 Claude API 完整教程:用 Continue 插件配置 Claude 编程助手
java·ide·intellij-idea