在开始使用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的维基页面。

广告
将在 10 秒后关闭
bannerAds