在开始使用Angular进行开发之前的配置
我很久没有用Angular进行开发,最近打算再次使用时遇到了一些配置上的小问题,所以在这里整理一下作为备忘录。
环境如下:
-
- VSCode
-
- angular-cli 6.0.8
- angular:6.0.3
在进行新的设置时将样式设为scss
我想使用angular-cli来创建项目,但是我想使用scss而不是css来进行设计,所以我将在项目创建时进行相应的配置。
ng new プロジェクト名 --style=scss
代码的修改
我刚刚创建了一个新的ng项目,但是奇怪的是ng test和ng e2e不能正常运行,因此我将修复以下两个地方。
title = 'app'; // appをプロジェクト名と同じに変更
expect(app.title).toEqual('app'); // appをプロジェクト名と同じに変更
创建 .htmlhintrc 文件 .htmlhintrc de
因为使用HTML作为Angular模板,所以使用HTMLHint会出现警告。
因此,在项目根目录下创建.htmlhintrc文件来部分地设置不显示警告。
{
"tagname-lowercase": true,
"attr-lowercase": false,
"attr-value-double-quotes": true,
"doctype-first": false,
"tag-pair": true,
"spec-char-escape": true,
"id-unique": true,
"src-not-empty": true,
"attr-no-duplication": true,
"title-require": true
}
为了使用Angular的属性不区分大小写,可以将”attr-lowercase”设置为true,由于只是部分HTML,所以将”doctype-first”设为false以避免在开头写DOCTYPE。
Git钩子设置
由于希望在进行推送时先执行测试,因此在.git/hooks/pre-push中添加以下命令。
ng test --watch=false
ng e2e
如果在 ng test 后面不加上 –watch=false,测试完成后将无法结束处理。
npm 收缩依赖
不是因为Angular,但我会自行执行npm shrinkwrap并创建npm-shrinkwrap.json,以确保版本不会自动更改。
我还打算整理一下GitLab CI的设置,但这将在另一篇文章中进行。
1. (7/17补充)我总结了关于gitlab-ci的设置。
https://qiita.com/frost_star/items/efd624d35edd2aef4379
请提供以下内容的同义句,仅需要一个选项:
参考
angular-cli:Wiki:这是有关angular-cli的维基页面。
HTMLHit:wiki:这是有关HTMLHit的维基页面。