vue3集成sass

方法一：终端创建项目

1.选择特性：Manually select features

vue create vuedemo
? Please pick a preset: (Use arrow keys)
> default (babel, eslint)
  Manually select features

2.选择创建项目的特性：CSS Pre-processors

? Check the features needed for your project: (Press  to select,  to t
oggle all,  to invert selection)
>( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 ( ) Router
 ( ) Vuex
 (*) CSS Pre-processors
 ( ) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

注意：这儿是使用空格进行选择，而不是Enter键

3.选择预处理器：SCSS/SASS

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> SCSS/SASS
  LESS
  Stylus

方法二：可视化vue ui创建项目

与在终端选择步骤大同小异

方法三：向已存在项目手动安装

终端切换到目标项目目录。
安装sass-loader 和 node-sass

npm install -D sass-loader node-sass

页面style指定lang为scss即可。