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>
















你可能感兴趣的:(环境搭建)