1. 安装npm node.js
2. 安装ionic和cordova
npm install -g cnpm –registry=
https://registry.npm.taobao.org
sudo cnpm install -g cordova ionic
3. Create Ionic project
$ ionic start ionic2-tutorial-github blank –v2 –ts
4. 进入ionic目录
cd ionic2-tutorial-github
5. 启动
ionic serve
6. 进入文件目录下查看
2. 安装ionic和cordova
npm install -g cnpm –registry=
https://registry.npm.taobao.orgsudo cnpm install -g cordova ionic
3. Create Ionic project
$ ionic start ionic2-tutorial-github blank –v2 –ts
4. 进入ionic目录
cd ionic2-tutorial-github
5. 启动
ionic serve
6. 进入文件目录下查看
app 此文件夹将包含所有的应用代码
hooks 此文件夹包含可以执行作为cordova部分构建过程的脚本。可以根据自己需要自定义。
node_modules
resources 此文件夹包含不同移动平台的icon和图片。
typings
www 该文件夹包含的index.html，记住所有的应app code应该在app文件夹，不在www文件夹。
config.xml 这个文件夹包含了创建app的cordova配置文件。
ionic.config.js 配置使用ionic CLI执行的命令。
package.json 这个文件包含了已安装到这个项目的所有软件包列表。
tsconfig.json 配置TypeScript 编译
webpack.config.js 此文件包含了webPack的配置信息
7. sass 编译 sudo gulp sass
这个是ionic2的
注意：（windows）
1. 安装npm node.js
2.那sudo就不要输入的 那个是mac下的root命令
先输入npm install -g cnpm –registry=https://registry.npm.taobao.org
回车
https://registry.npm.taobao.org回车
再输入 cnpm install -g cordova ionic
原创文章，作者：余 倩倩，如若转载，请注明出处：https://www.pmtemple.com/h5/244/
微信扫一扫 
支付宝扫一扫 
评论列表（7条）
作为一个喜欢记录旅行的摄影师，Ionic框架看起来太适合快速搭建旅行应用了！简单几步就能上手，省去了复杂的配置。教程写得清晰明了，特别是针对不同系统的说明很贴心。😊 期待用这个框架开发一个旅行照片分享App，展示我在各地拍的美景！
@聚焦晴空：作为产品经理，这种技术教程太实用了！Ionic框架能快速搭建产品原型，特别适合需要快速验证想法的场景。教程结构清晰，但希望增加常见问题解决部分，毕竟非技术背景的产品经理也会参考这类文档来理解前端实现流程。
@清风观察者：作为一个经常在旅途中工作的摄影师，Ionic框架真的太适合快速搭建作品展示平台了！教程很清晰，虽然有些技术细节对我是挑战，但看到能创建移动应用展示我的摄影作品，超级期待尝试！📸✨
Ionic + Angular这对CP还是蛮香的，不过现在都Ionic7了，教程有点年代感了。另外建议用yarn替代cnpm，毕竟淘宝镜像也支持了。Sass编译现在官方推荐用CLI命令`ionic build`更方便，手动执行gulp容易踩坑。
这个教程挺实用的，但有点老了，ionic2已经是古董级别了😂 现在ionic4+才是主流。不过话说回来，这篇文章的结构倒是清晰，node_modules、resources这些文件夹介绍得还算详细。要是能把版本升级一下就更好了，毕竟谁也不想用着上古版本的框架写代码吧？
哇，这个 Ionic 开发环境搭建指南太清晰啦！作为一个摄影爱好者
作为一个爱折腾摄影器材的人，这篇教程真实用！😊 以前一直想