1、安装配置webstorm，破解版，自己百度方法。
2、在webstorm中打开微信开发者工具创建的小游戏模板。
3、IDE不认识JS文件，因为webstorm默认是ES5，在perferences中，选择Languages&Frameworks选择JavaScript，版本ES6，然后apply，ok
4、这时候有个File Watcher是用来监控代码变化的。
5、安装babel，这是一个js的编译器，会用来将ES6风格代码编译成ES5，并且放在文件dist中。安装过程可以如下：先安装nodejs，然后有npm命令。对于npm命令过慢的问题，可以使用淘宝nmp镜像。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
这一步如果报错npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm 安装权限问题，在安装命令前加上，sudo，提示输入密码，输入密码即可获取权限安装
6、去babel官网http://babeljs.io/，看如何安装babel npm install --save-dev babel-cli babel-preset-env 改成淘宝镜像下安装。
$ cnpm install -g --save-dev babel-cli babel-preset-env
同5，如果报错，也是安装权限问题。
7、在webstorm的File Watchar中添加babel。（全局安装babel）
网友评论