前端学习笔记：管理多个版本的node和angular/cli

在同一个机器上需要不同版本的node环境，对应的angular/cli的版本也就不同。

使用nvm来进行安装和管理

安装nvm（mac/linux版）

下载

wget https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh

bogon:~ wjy$ wget https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh
--2018-07-27 09:22:20--  https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh
\正在解析主机 raw.githubusercontent.com (raw.githubusercontent.com)... 151.101.88.133
正在连接 raw.githubusercontent.com (raw.githubusercontent.com)|151.101.88.133|:443... 已连接。
已发出 HTTP 请求，正在等待回应... 200 OK
长度：12819 (13K) [text/plain]
正在保存至: “install.sh”

install.sh          100%[===================>]  12.52K  2.98KB/s  用时 4.2s    

2018-07-27 09:22:30 (2.98 KB/s) - 已保存 “install.sh” [12819/12819])

安装

\sh install.sh

bogon:~ wjy$ \sh install.sh
=> Downloading nvm from git to '/Users/wjy/.nvm'
=> Cloning into '/Users/wjy/.nvm'...
remote: Counting objects: 267, done.
remote: Compressing objects: 100% (242/242), done.
remote: Total 267 (delta 31), reused 86 (delta 15), pack-reused 0
Receiving objects: 100% (267/267), 119.47 KiB | 2.00 KiB/s, done.
Resolving deltas: 100% (31/31), done.
=> Compressing and cleaning up git repository

=> Appending nvm source string to /Users/wjy/.bash_profile
=> Appending bash_completion source string to /Users/wjy/.bash_profile
=> You currently have modules installed globally with `npm`. These will no
=> longer be linked to the active version of Node when you install a new node
=> with `nvm`; and they may (depending on how you construct your `$PATH`)
=> override the binaries of modules installed with `nvm`:

/usr/local/lib
├── @angular/cli@6.1.0
├── gulp@3.9.1
├── gulp-cli@2.0.1
=> If you wish to uninstall them at a later point (or re-install them under your
=> `nvm` Nodes), you can remove them from the system Node as follows:

     $ nvm use system
     $ npm uninstall -g a_module

=> Close and reopen your terminal to start using nvm or run the following to use it now:

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion
bogon:~ wjy$ 

安装node

确定版本：

打开一个新的终端，确认nvm版本

nvm --version

bogon:~ wjy$ nvm --version
0.33.11

安装node8.9.1

nvm install 8.9.1

bogon:~ wjy$ nvm install 8.9.1
Downloading and installing node v8.9.1...
Downloading https://nodejs.org/dist/v8.9.1/node-v8.9.1-darwin-x64.tar.gz...
######################################################################## 100.0%
Computing checksum with shasum -a 256
Checksums matched!
Now using node v8.9.1 (npm v5.5.1)
Creating default alias: default -> 8.9.1 (-> v8.9.1)

安装node8.11.3

nvm install 8.11.3
Downloading and installing node v8.11.3...
Downloading https://nodejs.org/dist/v8.11.3/node-v8.11.3-darwin-x64.tar.gz...
######################################################################## 100.0%
Computing checksum with shasum -a 256
Checksums matched!
Now using node v8.11.3 (npm v5.6.0)

确认安装的node版本

bogon:~ wjy$ nvm ls
         v8.9.1
->      v8.11.3
         system
default -> 8.9.1 (-> v8.9.1)
node -> stable (-> v8.11.3) (default)
stable -> 8.11 (-> v8.11.3) (default)
iojs -> N/A (default)
lts/* -> lts/carbon (-> v8.11.3)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.14.3 (-> N/A)
lts/carbon -> v8.11.3

切换到node8.9.1

bogon:~ wjy$ nvm use 8.9.1
Now using node v8.9.1 (npm v5.5.1)
bogon:~ wjy$ node -v
v8.9.1

切换到node8.11.3同8.9.1

 

安装不同版本的全局cli

由于angular cli在1.7.3之后发生变化，直接升到了6.x，这里在8.9.1安装1.7.3，而在8.11.3中安装目前稳定的6.0.8版本

node8.9.1下安装全局1.7.3版本cli

wjydeMacBook-Pro:~ wjy$ nvm use 8.9.1
Now using node v8.9.1 (npm v5.5.1)
wjydeMacBook-Pro:~ wjy$ sudo npm install -g @angular/cli@1.7.3
Password:
/***省略***/

安装完成确认版本

wjydeMacBook-Pro:~ wjy$ ng -v

    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
    
Angular CLI: 1.7.3
Node: 8.9.1
OS: darwin x64
Angular: 
...

node811.3下安装全局6.0.8版本cli

wjydeMacBook-Pro:~ wjy$ nvm use 8.11.3
Now using node v8.11.3 (npm v5.6.0)
wjydeMacBook-Pro:~ wjy$ sudo npm install -g @angular/cli@latest
Password:
/***省略***/

安装完成确认版本

wjydeMacBook-Pro:~ wjy$ ng -v

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/
    

Angular CLI: 6.1.1
Node: 8.11.3
OS: darwin x64
Angular: 
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.7.1
@angular-devkit/core         0.7.1
@angular-devkit/schematics   0.7.1
@schematics/angular          0.7.1
@schematics/update           0.7.1
rxjs                         6.2.2
typescript                   2.7.2
    

不同版本的使用切换

wjydeMacBook-Pro:~ wjy$ nvm use 8.9.1
Now using node v8.9.1 (npm v5.5.1)