ionic+angluar vscode开发环境搭建流程和项目编译打包 真机调试

本文记录了使用VSCode搭建Ionic+Angular开发环境的详细步骤,包括安装node.js、java jdk、gradle、android sdk等,并解决了npm安装组件时可能出现的问题。此外,还介绍了如何配置环境变量、编译项目、运行调试以及打包签名的过程,对于真机调试和解决跨域问题也给出了相应的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

没搞过ionic项目 中间遇见了很多坑,记录下环境搭建及项目编译备日后用的时候参考

整个过程:

编译器:vscode

需要安装的环境: node.js ,java jdk, gradle ,android sdk ,ionic  cordova  

nodejs java sdk gradle android 需设置环境变量 如下图

系统变量

用户变量中的path:

npm安装组件过程中遇到错误 仔细看log,查找相应解决方案:常见错误 有些组件下载不完整 或出现404 报错时

使用淘宝镜像安装 --》 两种方法 1. 安装cnmp,  npm install -g cnpm
--registry=https://registry.npm.taobao.org

2 或者设置淘宝的镜像地址  npm config set registry https://registry.npm.taobao.org

安装过程或者编译项目中会出现各种问题,但是不要怂,根据log一个一个解决就ok了,

以下是自己简要步骤

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值