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

验证是否更改成功

相关推荐
小灰灰__4 小时前
IDEA加载通义灵码插件及使用指南
java·ide·intellij-idea
Mortal_hhh5 小时前
VScode的C/C++点击转到定义,不是跳转定义而是跳转声明怎么办?(内附详细做法)
ide·vscode·stm32·编辑器
无极程序员5 小时前
PHP常量
android·ide·android studio
fg_4117 小时前
无网络安装ionic和运行
前端·npm
小黄人软件8 小时前
android浏览器源码 可输入地址或关键词搜索 android studio 2024 可开发可改地址
android·ide·android studio
叶知安12 小时前
如何用pycharm连接sagemath?
ide·python·pycharm
会发光的猪。15 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
lucky九年15 小时前
vscode翻译插件
ide·vscode·编辑器
帅得不敢出门16 小时前
Gradle命令编译Android Studio工程项目并签名
android·ide·android studio·gradlew