babel

babel安装准备 使用webStorm自带的filewatcher中的babel自动编译前，需要安装一些babel库 全局安装babel-cli npm install -g babel-cli 网上有些教程让全局安装babel，实际上新的babel已经集成在babel-cli里面了。 另外. 网上有部分教程是项目安装babel-cli的。 npm install babel-cli --save-dev 项目安装也是可以的，不过在filewatcher的babel设置里，要在program里选择项目里的babel地址。 安装其他babel库 npm install --save-dev babel-preset-env 网上很多教程要求安装babel-preset-es2015，在实际编译时，使用webStorm的默认设置，编译是不成功的。 env这个包，会根据es6的运行环境去编译js，而无序指定哪个具体的es版本。 .babelrc 在项目根目录下，也就是package.json同目录下，创建.babelrc文件。【该文件非必须】 很多网上教程推荐里面内容为：{"presets":["es2015"]} 。这里的内容，需要根据自己的需要设置。webstorm的默认设置里，其实是不需要网上的这个推荐内容了。 通过.babelrc,可以实现更多功能。 webstorm开启es6

笔记内容：微信小游戏的环境搭建 笔记日期：2018-02-01 下载官方工具 首先需要去微信公众平台下载官方的开发工具，官网的下载地址： https://mp.weixin.qq.com/debug/wxagame/dev/devtools/devtools.html 下载开发工具： 下载完成后就安照提示，一步步安装就可以了，安装很简单这里就不赘述了。 然后最好有一个编码体验更友好的IDE，比如WebStorm、HBuild、Sublime等，我们这里用的是WebStorm。官方的开发工具很很很难用，所以我们一般只用于调试，不用于编码。 下载好后，我们先来创建一个小游戏的模板项目： 我这里选择的是无Appid： 然后选择一个项目目录进行创建： 可以看到会创建一个小游戏的模板： 如果你不要这个模板，就在创建时项目时不勾选那个选项即可。 然后在WebStorm中打开这个小游戏工程： 如上，可以看到，WebStorm不认识这些代码，所以报语法错误，这是因为WebStorm默认的js代码是ES5的标准，而这里的js代码是ES6的，所以我们需要设置js代码为ES6的标准，打开setting界面进行设置： 保存设置后就不报错了： 但是这时候WebStorm会提示，是否让文件监视器使用babel将ES6格式的代码转换为ES5： 所以我们还需要安装node和babel等前端工具链。