My team and I are on a mission to enhance our Angular 2 templates with code completion, similar to what is showcased in this gif.
To achieve this goal, we require:
coupled with
tslint-language-service and @angular/language-service
We attempted the following steps:
npm install tsserver-plugins -g
npm install angelozerr/tslint-language-service --save-dev
npm install @angular/language-service --save-dev
and included the following snippet in our tsconfig.json
under compilerOptions:
"plugins": [
{ "name": "tslint-language-service"},
{ "name": "@angular/language-service"}
]
I faced challenges configuring Atom's TypeScript plugin to utilize tsserver-plugins
instead of tsserver, so I resorted to renaming
/usr/local/bin/tsserver
to
/usr/local/bin/_tsserver
and
/usr/local/bin/tsserver-plugins
to
/usr/local/bin/tsserver
Although I anticipated success, it did not work as expected.
Subsequently, I restarted Atom – without any changes. I then rebooted my computer – still no progress.
As a last resort, I installed typescript@next (2.3.0.dev...) both locally and globally, and repeated the procedures.
My colleague also attempted implementation using Visual Studio Code, which unfortunately yielded no results. Where could we be going wrong?