使用Prettier来格式化Angular 5中的SCSS代码是一个常见的解决方法。以下是一个示例:
首先,安装prettier和相关的插件:
npm install prettier --save-dev
npm install --save-dev --save-exact prettier-plugin-angular
然后,在项目根目录下创建一个.prettierrc文件,并将以下配置添加到文件中:
{
"printWidth": 120,
"tabWidth": 2,
"useTabs": false,
"singleQuote": true,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"arrowParens": "always",
"overrides": [
{
"files": "*.scss",
"options": {
"parser": "scss"
}
}
]
}
接下来,在package.json文件中添加一个scripts命令来运行Prettier:
"scripts": {
"format:scss": "prettier --write 'src/**/*.scss'"
}
最后,运行以下命令来格式化你的SCSS代码:
npm run format:scss
这将格式化项目中所有的SCSS文件。你可以根据需要自定义.prettierrc文件中的配置。
上一篇:Angular 5的日志文件
下一篇:Angular 5的视图封装问题