0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Angular 古いバージョンでの環境構築例

Posted at

古いNode.jsを使うしかない事態

なぜ、大きいシステム開発に限って古いバージョンを使うのか…

Node.js v8.11.3の環境にAngular環境を整える

ただし、ここではローカル環境を整えることとする
(グローバル環境は好きくない)

1.プロジェクト用のフォルダを準備

ここでは「sample」プロジェクトフォルダを作成

mkdir sample
cd sample

2.@Angular/Cliをインストール

Node.jsと@Angular/Cliはバージョン同期をとっておく必要がある
(参考:ここで互換性が分かる)
https://angular.jp/guide/versions

今回は、v6.2.9のCLIをインストール

npm install @Angular/Cli@6.2.9

3.Angular環境を構築する

ここでひと手間加える
(他のやり方でも問題なし)

今回、やってみたのはこんな感じ

cd ..
./sample/node_modules/.bin/ng new sample

上記3.をやったのは何故?

node_modulesを一つにまとめたかった

ng newを実行するとプロジェクト用のフォルダがもう一つできてしまうので、node_modulesが2つできてしまうことになる。
それを回避したかった。

本当は、

npx ng new sample --directory=./

みたいなことをやりたかったのだが、動かなかった。
なので、直接ngコマンドを実行した。
(node.jsのバージョンが低いと考慮がいろいろ不足したりするみたい)

こんな感じの構成ができあがる

image.png

もし、動きが悪かったら

一度、node_modulesのフォルダをすべて削除してから

npm inistall

を実行すれば、もとに戻るかも

以上です

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?