mac+homebrew+nvm+node+npm+webstorm+babel开发环境搭建

一. 安装brew

终端上运行 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
二. 安装nvm

 运行brew install nvm 即可;
三. 使用nvm安装node 

nvm ls-remote 查看 所有的node可用版本

nvm install xxx 下载你想要的版本，(如v7.7.3版本：nvm install v7.7.3)

nvm use xxx 使用指定版本的node 

nvm alias default xxx 每次启动终端都使用该版本的node

四. 完成安装

   node -v 查看当前node的版本

 
npm -v  查看当前npm的版本

五. 设置全局的babel

npm install -g babel -cli

        

六. 创建项目：

1、通过npm 创建项目

2、对该项目添加Babel

3、添加Babel-core :

七. 开启WebStorm:

1、开启webstorm，打开刚刚创建的文件；

2、在html文件中添加：

<script type="text/babel" src="/node_modules/babel-core/browser.min.js"></script>
<script type="text/babel" src="/node_modules/babel-core/browser-polyfill.min.js"></script>