You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Windows系统如何安装npm?Tailwind CSS对应安装命令如何调整?

Windows 系统安装 npm 及 Tailwind CSS 操作指南

1. 安装 npm(集成在 Node.js 安装包中)

npm 是 Node.js 的自带包管理工具,无需单独安装,操作步骤如下:

  • 下载 Node.js Windows 安装包,优先选择 LTS 长期支持版本,稳定性更有保障
  • 双击运行安装包,全程走默认配置即可,注意不要手动取消「Add to PATH」的勾选(默认状态为已勾选)
  • 安装完成后按 Win+R 呼出运行窗口,输入 cmd 回车打开命令提示符,分别执行以下命令验证安装结果:
    node -v
    npm -v
    
    两个命令均正常输出版本号即代表安装成功。

2. 安装并初始化 Tailwind CSS

你找到的 macOS 端命令几乎可以直接在 Windows 下使用,仅需去掉开头的命令提示符标识 $ 即可,操作步骤如下:

  • 新建空文件夹作为项目根目录,打开文件夹后在顶部地址栏输入 cmd 回车,即可直接在当前目录路径下打开命令提示符
  • 可选优化:如果后续安装依赖速度过慢,可先执行以下命令切换国内 npm 镜像源:
    npm config set registry https://registry.npmmirror.com
    
  • 执行以下命令完成项目初始化、依赖安装和 Tailwind 配置生成:
    npm init -y && npm install tailwindcss autoprefixer clean-css-cli && npx tailwindcss init -p
    
  • 命令执行完成后,项目根目录会自动生成 tailwind.config.js 和 postcss.config.js 两个配置文件,代表 Tailwind CSS 安装初始化完成。

常见问题补充

如果使用 PowerShell 执行命令时提示「禁止执行脚本」,可右键以管理员身份打开 PowerShell,执行以下命令后输入 Y 确认即可解决:

Set-ExecutionPolicy RemoteSigned

内容的提问来源于stack exchange,提问作者coderDcoder

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 14:45:06