工程训练-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环境变量设置一下
第四个安卓模拟器可能会有问题 ,具体自己百度