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

验证是否更改成功

相关推荐
人工智能训练师2 天前
Ubuntu22.04如何安装新版本的Node.js和npm
linux·运维·前端·人工智能·ubuntu·npm·node.js
Seveny072 天前
pnpm相对于npm,yarn的优势
前端·npm·node.js
huangql5202 天前
npm 发布流程——从创建组件到发布到 npm 仓库
前端·npm·node.js
CAE虚拟与现实2 天前
VSCode中的下载VSIX是指什么?
ide·vscode·编辑器
路边闲人22 天前
vscode启用GEMINI CODE ASSIST插件
ide·vscode·gemini
小蕾Java2 天前
Java 开发工具,最新2025 IDEA使用(附详细教程)
java·ide·intellij-idea
CAE虚拟与现实2 天前
VSCode官方汉化包
ide·vscode·编辑器·vscode汉化
CAE虚拟与现实2 天前
VSCode创建Python项目和运行py文件
ide·vscode·编辑器
资讯第一线2 天前
《RAD Studio 13.0》 [DELPHI 13.0] [官方原版IOS] 下载
ide
过-眼-云-烟3 天前
新版Android Studio能打包但无法run ‘app‘,编译通过后手机中没有安装,顶部一直转圈
android·ide·android studio