本文主要是介绍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>
这篇关于mac+homebrew+nvm+node+npm+webstorm+babel开发环境搭建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!