代码改变世界

VSCode+Ionic+Apache Ripple开发环境搭建

2016-03-19 23:14  slmk  阅读(1902)  评论(0)    收藏  举报

vscode作为一个轻量级编辑器，有其独特的魅力。

  1. 安装Ionic：npm install -g ionic
  2. 安装Apache Ripple模拟器: npm install -g ripple-emulator
  3. 生成Ionic项目：
    $ ionic start myApp [blank|tabs|sidemenu]
    我用的：
    $ ionic start myApp tabs
  4. 添加平台  
    cordova build --release android
  5. 用VsCode打开myApp
     
  6. 设置tasks： 
    {
	"version": "0.1.0",

	"command": "ripple",

	"isShellCommand": true,

	"showOutput": "always",

	"args": ["emulate","--path","c:\\Users\\Administrator\\myApp\\www"]
}
  7. ctrl+shift+b:启动ripple模拟器预览myapp