工程训练-ionic混合开发

工程训练-ionic混合开发

ionic开发环境搭建

1.node.js 安装
2.cnpm安装

npm install -g cnpm --registry=https://registry.npm.taobao.org
npm install -g cnpm -- registry https://registry.npmjs.org/ 

采坑 :老师给的是第一个淘宝镜像 但是个人安装有问题 所以还是用的第二个国外镜像 国外镜像不挂VPN就是看人品了 下载东西看人品能不能下载好
实在没办法就就清除缓存:

npm cache clean --force

3.cordova安装

cnpm install -g cordova

4.ionic安装

cnpm install -g ionic@latest

5.检查

cnpm -v
cordova -v
ionic -v

6.开发工具用的VS Code
插件:
Angular 8 Snippets
Chinese (Simplified) Language
Debugger for Chorme
Ionic4 Snippets
TSLint

创建工程

ionic start shengyizhuanjia sidemenu --type=angular

采坑:如果powershell显示ionic : 无法加载文件 C:\Users…\ionic.psl…省略
在命令行输入:

set-ExecutionPolicy RemoteSigned

进入工程根目录

ionic serve
cnpm i -g cordova-res
ionic cordova resources android --force
ionic cordova platform add android
ionic cordova build android
ionic cordova emulate android

**采坑:**这里的坑特别多
第一个java jdk 需要jdk1.8
第二个可能需要python环境我也不确定,python环境自己百度吧
第三个安装AS之后可能在安卓平台编译的时候会报和Gradle相关的错 这里需要把 Gradle环境变量设置一下
第四个安卓模拟器可能会有问题 ,具体自己百度

生意专家的实例

项目源码

发布了5 篇原创文章 · 获赞 1 · 访问量 299

猜你喜欢

转载自blog.csdn.net/zzw1248001691/article/details/100862429