前端搭建node/npm/babel开发环境配置

Node.js
Node.js 就是运行在服务端的 JavaScript。 是一个基于Chrome JavaScript 运行时建立的一个平台。是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。
NPM
NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。
webpack
用vue项目来举例：浏览器它是只认识js，不认识vue的。而我们写的代码后缀大多是.vue的，在每个.vue文件中都可能html、js、css甚至是图片资源；并且由于组件化，这些.vue文件之间还有错综复杂的关系。所以项目要被浏览器识别，我们就要使用webpack将它们打包成js文件以及相应的资源文件。

淘宝镜像官网 https://npm.taobao.org/

开发环境配置步骤

1.下载安装node 和 npm

分别输入 **node -v** 和 **npm -v** 检验node和npm的版本号，以及是否安装成功。

2.进入项目文件,并初始化一个项目

命令行进入项目文件，命令行输入 npm init  创建项目，给项目起名等...
创建项目后，会生成package.json文件

3.安装babel

--save-dev babel-core babel-preset -es2015 babel-preset-latest 
可使用淘宝镜像提升安装速度，即在命令结尾 加入
--registry=https://registry.npm.taobao.org

4.创建 .babelrc 文件

内容为：

{
	"presets" :	[ "es2015" , "latest" ],
	"plugins" : []
}

5.全局安装babel-cli

Mac : sodo npm install -g babel-cli
babel --version 检验是否安装成功