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

时间:2022-02-06 03:18:10

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