1. 问题剖析：为何会遇到“运行脚本被禁用”错误？
当您尝试全局安装eslint（npm install -g eslint）后，运行eslint --version或在vs code中使用eslint时，可能会遇到类似file ... cannot be loaded because running scripts is disabled on this system.的错误信息。这通常是由以下两个主要原因造成的：
- Windows系统上的PowerShell执行策略： Windows操作系统为了安全考虑，默认对PowerShell脚本的执行设置了严格的策略。当npm全局安装ESLint时，它可能会生成.ps1（PowerShell脚本）文件作为可执行入口。如果PowerShell的执行策略不允许运行这些脚本，就会出现此错误。
- Linux/macOS系统上的权限不足： 在类Unix系统（如Linux或macOS）上，全局安装npm包通常需要写入系统目录，这需要超级用户权限。如果直接使用npm install -g而没有sudo，可能会导致安装不完整或生成的可执行文件权限不足，从而在后续使用时出现问题。
无论哪种情况，核心问题都指向了对系统资源的访问权限不足。
2. 解决方案：使用管理员权限安装ESLint
解决此问题的关键在于以足够的权限执行ESLint的安装命令。
2.1 针对 Windows 用户
在Windows系统上，您需要以管理员身份运行命令提示符（CMD）或PowerShell来执行全局安装。
步骤：
-
打开管理员权限的终端：
- 在搜索栏中输入cmd或PowerShell。
- 右键点击“命令提示符”或“Windows PowerShell”，选择“以管理员身份运行”。
- 系统可能会弹出用户账户控制（UAC）提示，请点击“是”以允许。
-
执行全局安装命令：
- 在打开的管理员终端中，输入以下命令并回车：
npm install -g eslint
- 等待安装完成。
- 在打开的管理员终端中，输入以下命令并回车：
-
验证安装：
- 安装完成后，您可以在任意命令提示符或PowerShell窗口中（不一定是管理员权限的）输入以下命令来验证ESLint是否已正确安装并可执行：
eslint --version
- 如果显示ESLint的版本号，则表示安装成功。
- 安装完成后，您可以在任意命令提示符或PowerShell窗口中（不一定是管理员权限的）输入以下命令来验证ESLint是否已正确安装并可执行：
2.2 针对 Linux/macOS 用户
在Linux或macOS系统上，您需要使用sudo命令来获取超级用户权限。
步骤：
-
打开终端：
- 打开您的终端应用程序（如Terminal、iTerm2等）。
-
执行全局安装命令：
- 输入以下命令并回车：
sudo npm install -g eslint
- 系统会提示您输入当前用户的密码。输入密码（输入时不会显示字符）并回车。
- 等待安装完成。
- 输入以下命令并回车：
-
验证安装：
- 安装完成后，输入以下命令来验证ESLint是否已正确安装并可执行：
eslint --version
- 如果显示ESLint的版本号，则表示安装成功。
- 安装完成后，输入以下命令来验证ESLint是否已正确安装并可执行：
3. VS Code中ESLint的配置与集成
一旦ESLint全局安装成功并可在命令行中正常运行，VS Code中的ESLint扩展通常会自动检测到它。
步骤：
-
安装VS Code ESLint扩展：
- 如果您尚未安装，请在VS Code的扩展视图中搜索“ESLint”并安装。
-
重启VS Code：
- 为了确保VS Code能够重新加载环境变量并检测到新安装的ESLint，建议在安装完成后重启VS Code。
-
检查VS Code设置：
- 打开VS Code的设置（Ctrl+, 或 Cmd+,），搜索eslint.enable，确保其为选中状态。
- 您还可以检查eslint.nodePath设置，但通常情况下，如果ESLint已全局安装并位于系统的PATH中，此项无需手动配置。
4. 注意事项与最佳实践
- 确保Node.js和npm已安装： ESLint依赖于Node.js和npm。在安装ESLint之前，请确保您的系统已正确安装了它们。您可以通过node -v和npm -v来检查版本。
-
全局安装与项目局部安装：
- 全局安装 (npm install -g eslint) 适用于在多个项目中使用相同版本的ESLint，或者当您希望ESLint在命令行中随时可用时。
- 项目局部安装 (npm install --save-dev eslint) 是更推荐的做法，它将ESLint安装为项目依赖，并允许每个项目使用其特定版本的ESLint和配置，避免版本冲突。通常，VS Code的ESLint扩展会优先使用项目局部的ESLint。
- 对于本文解决的“运行脚本被禁用”问题，主要针对的是全局安装场景。
- 检查环境变量PATH： 如果即使以管理员权限安装后eslint --version仍然不工作，请检查系统的环境变量PATH，确保Node.js和npm的全局安装目录（通常是%APPDATA%\npm在Windows上，或/usr/local/bin在Linux/macOS上）已包含在PATH中。
-
PowerShell执行策略（高级）： 如果上述方法仍无法解决Windows上.ps1脚本执行问题，您可以考虑临时调整PowerShell的执行策略。
- 以管理员身份运行PowerShell。
- 执行 Set-ExecutionPolicy RemoteSigned。
- 在操作完成后，为了安全起见，可以将其改回默认的 Restricted 或 Default。请谨慎操作，并了解其安全影响。 通常情况下，以管理员权限安装ESLint即可解决问题，无需手动修改执行策略。
5. 总结
解决VS Code中ESLint因“运行脚本被禁用”而无法工作的问题，核心在于确保ESLint及其相关脚本在安装和执行时拥有足够的系统权限。通过在Windows上使用管理员权限的命令提示符或PowerShell，以及在Linux/macOS上使用sudo命令进行全局安装，可以有效规避权限不足和脚本执行策略的限制。一旦ESLint正确安装并验证，VS Code的ESLint扩展就能无缝集成，帮助您提升代码质量和开发效率。
