AngularJS 7新建项目SCSS样式选项缺失问题及解决咨询

别急，我来帮你搞定这个小麻烦。先澄清一点：你说的应该是Angular 7（AngularJS是1.x版本，和Angular 7的CLI工具不是一回事），下面是几个实用的解决方案：

1. 确保Angular CLI版本与Angular 7匹配 #

SCSS选项消失大概率是CLI版本和Angular 7不兼容导致的。Angular 7对应的CLI版本必须是7.x.x，你可以按以下步骤调整：

• 先卸载全局的旧版CLI：

  npm uninstall -g @angular/cli
  

• 安装Angular 7专属的CLI版本：

  npm install -g @angular/cli@7
  

• 验证版本是否正确：

  ng --version
  

  输出里的@angular/cli版本显示为7.x.x后，再执行ng new命令，SCSS选项就应该正常出现了。

2. 直接用命令指定SCSS格式（跳过交互式选择） #

要是不想折腾版本，或者交互式选项还是不显示，直接用命令参数强制指定样式格式就行，一步到位：

ng new your-project-name --style=scss

这样创建出来的项目默认就用SCSS作为样式文件格式，完全不用依赖交互式选项。

3. 已创建项目转SCSS格式（可选） #

如果已经不小心用其他样式格式创建了项目，也能手动改成SCSS：

• 打开项目根目录的angular.json文件，找到schematics节点下的@schematics/angular:component，把styleext的值改成scss：

  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
  }
  

• 把项目里所有.css后缀的样式文件重命名为.scss，同时修改对应组件文件里styleUrls的引用路径。

内容的提问来源于stack exchange，提问作者s3Dw3L