将SCSS转CSS时遇`sass`与`npm`命令未识别问题求助

1. 先安装Node.js #

• 下载Node.js的LTS长期支持版本安装包并完成安装
• 安装后打开新的VS Code终端，执行node -v和npm -v，能正常输出版本号即说明安装成功

2. 安装官方推荐的Sass工具 #

node-sass已被官方弃用，改用dart-sass：

• 在终端执行全局安装命令：npm install -g sass
• 安装完成后执行sass -v，能输出版本号则代表安装成功

3. 编译SCSS文件 #

回到存放variables.scss的目录，执行命令：

sass variables.scss:variables.css

即可完成SCSS到CSS的转换

常见问题处理 #

• 若安装全局包时遇到权限报错，Mac/Linux用户可在命令前加sudo，Windows用户右键终端选择「以管理员身份运行」后再执行命令
• 安装完工具后务必重启VS Code终端，确保环境变量生效

内容的提问来源于stack exchange，提问作者Rukiye Arıcan