Ionic+webStrom混合开发环境搭建教程

1.下载并且安装Node.js（https://nodejs.org/en/）

2.使用npm安装cordova和ionic,如果使用npm安装太慢,请cmd切换到终端窗口安装淘宝镜像.(npm install -g cnpm --registry=https://registry.npm.taobao.org).这样就可以使用cnpm进行安装了

2.1 安装cordova

npm install -g cordova或cnpm install -g cordova

查看cordova版本信息

cordova -v

2.2 安装ionic

npm install -g ionic或cnpm install -g ionic

查看ionic版本信息
ionic -v

3.命令创建项目

1> cd到要创建项目的路径 
2> ionic start myproject // myproject为你要创建的项目名称 （如果不成功或者卡住则重新创建）
3> cd myproject // 创建成功则进入到项目里面 
4> ionic platform add android// 添加android平台，如果是ios平台则是：ionic platform add ios
5> ionic build android// 编译android项目，如果是ios平台则是：ionic build ios
6> ionic cordova build android --release 打包正式包 ionic cordova build android --prod 打包debug包(建议打包安装)
7> ionic serve // 浏览器调试,推荐使用谷歌浏览器.按F12进入调试模式

8> ionic在项目里面创建新的组件ionic g page header,其中header可以自己定义.它表示需要定义的组件名

附：

作为前端开发人员，有些时候需要搭建一个本地服务器！传统搭建服务器的操作比较繁杂，比如需要安装apache软件等。在此给大家介绍一种比较简单的的搭建本地服务器的方法。

1、安装最新版的nodejs。

2、安装好nodejs之后，打开cmd窗口， 输入

npm install anywhere -g 

全局安装anywhere依赖包。

3、在cmd中进入到需要搭建服务器的目录中（目录最好不要有中文）,其中8080端口可以自己定义,比如改成3000,那么服务器的端口就为3000

anywhere 8080

注意:需要额外配置jdk和android sdk环境,不然打包android apk会报错.

部分内容转载于https://blog.youkuaiyun.com/qq_26841579/article/details/73698635