ionic 开发环境构筑手顺、创建测试工程运行ionic

一、Node.js安装
各版本Node.js的下载地址
https://nodejs.org/zh-cn/download/releases/


安装过程中，按照默认，一直点击下一步。


确认安装成功的方法
a.win+R打开cmd
b.输入[node -v],回车，显示版本号，表示安装成功。


c.测试npm是否安装成功,输入[npm -v],回车，显示版本号，表示安装成功。
默认，Node.js安装完成后，会自动在系统的path环境变量中配置了node.exe的目录路径
通过命令set path 查看，如果看不到node.js目录，需手动配置


二、安装ionic
以管理员身份运行cmd窗口


①下载资源
利用淘宝镜像，输入【npm install -g cnpm --registry=https://registry.npm.taobao.org】


②安装ionic
输入命令【cnpm install -g ionic cordova】--【g】全局安装


③安装sass
输入命令【cnpm install node-sass -g】


④验证安装是否成功


输入“cordova -v”命令和“ionic -v”命令，能正常现实版本号说明安装成功


⑤查看本地安装文件
C:\Users\[用户名]\AppData\Roaming\


三、创建测试工程，首先在本地创建一个工程目录。（命名随意）
以管理员身份运行cmd窗口
①切换到工程目录，创建测试工程
命令【ionic start xxxApp tabs】


②启动服务
首先要切换到工程目录下【cd dingApp】,再输入命令【ionic serve】


③查看运行结果，确保谷歌浏览器安装插件[Ripple]