使用NVM管理Node.js版本做到兼容ES6的語法

題記

今天，本來想用webstorm來寫一寫前端的算法題目，發現webstorm並不兼容ES6的語法，於是乎，便使用了很多辦法來解決，終於花費一上午思考明白了問題，並解決了！

注：

我是拿node做題的。

正文

1.修改webstorm的setting

我打開了webstorm發現，語法檢查報錯

接着我們可以setting下的Languages/Framwork

選擇ES6，然後apply一下

這次，我們再重新編譯的時候會發現

現在已經可以使用了，並且有了語法提示。
但是，問題並沒有解決。問題如下圖：

我們發現，ES6的語法無法編譯，除非我們的代碼第一行使用

'use strict';

就是使用嚴格模式。
問題：但是，我們剛纔明明已經修改了setting裏面的JavaScript的版本了啊？
原因：這是因爲我們是拿node來運行的，也就是說node是我們的編譯器，而node並不是完全支持ES6的，我們還要保證node的編譯器可以解決問題

2.尋找node解決支持es6的方案

(1) 使用babel

這裏有一個鏈接使使用babel來轉換語法的教程，請點擊這裏來查看。
但是，我並不想很麻煩的使用babel來轉換來轉換去，而且使用babel後，我們也不能在命令行中簡單的使用

node xx.js

來執行了，需要換命令，這就代表着我們在webstorm中也要配置。
不用怕，我們還有更好的解決方案！

(2) node 6 已經支持ES6的96%的語法了！

我的天！我們 不需要藉助babel來轉換語法了，我們可以直接使用node就可以解析！
我們可以通過cmd的命令來查看node的 版本

node -v

這裏，我的版本已經是6的了，是因爲我已經更換了最新 版本。

下面我們就來到最重點的環節，如何使用NVM來更新我們的node的版本！
在Linux下可以使用 n

而我使用的是Windows，所以我選擇了NVM

安裝NVM

我們可以在 這裏 下載，選擇nvm-setup.zip即可
下載的時候，默認下一步即可。

驗證是否成功

在cmd中使用

nvm #

發現nvm已經安裝成功了！

安裝和管理node的版本

nvm list #查看本地所有node版本

nvm install 6.11.5 #安裝 6.11.5 版本

nvm use 6.11.5 #切換至 6.11.5 版本

nvm uninstall 6.11.5 #卸載6.11.5 版本

當我們使用install下載後
使用use切換
我們可以看到

當前我正在使用6.11.5
接下來我們就可以去配置了，但是要記住你的nvm安裝到哪裏了哦！下面會用到！

webstorm配置

第一步，打開webstorm的Edit Configurations

第二步，進行配置，配置順序如下圖

注意，最後一定是指向node.exe的
點擊ok，之後apply
大功告成，我們再來看看任意一個js文件

發現，已經是node 6在編譯了
這次我們再重新跑一下test.js試一試！

發現我們已經成功打印出來1

後記

其實，如今的前端項目很多都已經工程化，使用babel是必不可少的環節，可以日後加強學習！