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

验证是否更改成功

相关推荐
文 丰28 分钟前
【Android Studio】2024.1.1最新版本AS调试老项目(老版AS项目文件、旧gradle)导入其他人的项目
android·ide·android studio
洗发水很好用29 分钟前
新版IDEA提示@Autowired不建议字段注入
java·ide·intellij-idea
白总Server2 小时前
php语言基本语法
开发语言·ide·后端·golang·rust·github·php
程序员小羊!4 小时前
切换淘宝最新镜像源npm详细讲解
前端·npm·node.js
△曉風殘月〆6 小时前
Visual Studio 2019/2022 IntelliCode(AI辅助IntelliSense)功能介绍
ide·visual studio·intellicode
guigui_hello7 小时前
VScode的简单使用
c++·ide·vscode·编辑器
图灵苹果8 小时前
【个人博客hexo版】hexo安装时会出现的一些问题
前端·前端框架·npm·node.js
开 端12 小时前
文件批量添加水印和密码合并单元格完整版
java·ide·spring
MicrosoftReactor17 小时前
技术速递|VS Code Java 8月更新 - 重要 Gradle 更新!用户体验与入门向导增强
java·vscode
tjjingpan17 小时前
vscode c++编译环境配置
c++·ide·vscode