vue创建项目时使用的sass是强化css辅助工具的意思，是对css的扩展；sass是由buby语言编写的一款css预处理语言，和html有一样严格的缩进风格，和css编写规范相比是不使用花括号和分号的。
本教程操作环境：windows10系统、vue3版、dell g3电脑。
vue创建项目时sass是什么意思 sass (syntactically awesome stylesheets)，是由buby语言编写的一款css预处理语言，和html一样有严格的缩进风格，和css编写规范有着很大的出入，是不使用花括号和分号的，所以不被广为接受。
 sass 是一款强化 css 的辅助工具，是对 css 的扩展，它在 css 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、继承(extend)、导入 (inline imports) 等高级功能，这些拓展令 css 更加强大与优雅。使用 sass 以及 sass 的样式库（如 compass）有助于更好地组织管理样式文件，以及更高效地开发项目， 其后缀是.sass。
// deom.sass#sidebarwidth: 30%background-color: #faa
扩展知识：
vue-cli3提供了两种方式集成sass/scss
创建项目时选择预处理器sass
手动安装sass-loader
方法一：创建vue项目时选择预处理器sass
使用vue-cli3创建vue项目
vue cli v4.5.15? please pick a preset: default ([vue 2] babel, eslint) default (vue 3) ([vue 3] babel, eslint) > manually select features
移动上下键选择manually select features，表示手动选择创建项目的配置。
按enter键，进入下一步操作，显示如下：
? check the features needed for your project: (*) choose vue version (*) babel ( ) typescript ( ) progressive web app (pwa) support (*) router (*) vuex>(*) css pre-processors (*) linter / formatter ( ) unit testing ( ) e2e testing
移动上下键在css pre-processors处点击空格键以选中，表示需要css预处理工具。
之后再进行css预处理工具操作，显示如下：
? pick a css pre-processor (postcss, autoprefixer and css modules are supported by default): sass/scss (with dart-sass)> sass/scss (with node-sass) less stylus
选择sass/scss (with node-sass)作为我们的css预处理器。
完成后项目会帮我们自动安装sass-loader 以及 node-sass依赖。
方法二：手动安装
如果在创建项目没有选择css 预处理器，我们也可以手动安装sass-loader以及 node-sass来集成scss
npm install -d sass-loader node-sass
使用sass
至此我们只需要在style指定lang为scss即可：
<style>$color = red;</style>
vue service clie会自动使用我们安装的sass-loader作为scss内容的加载器。
【相关推荐：《vue.js教程》】
以上就是vue创建项目时sass是什么意思的详细内容。