初学者做APP所需工具安装及ionic-app-scripts has unexpectedly closed问题

简介: 初学者做APP所需工具安装及ionic-app-scripts has unexpectedly closed问题

最近在做一个项目,要求是后台管理员为web端,用户 为APP端,之前只是看过《第一行代码》的一些内容,并没有实际做项目来应用,现在更是忘了,今天打算记录一下初学者做APP项目需要准备的开发工具和安装教程。


先给大家推荐一篇博客,偶然间发现,有点学习网站大全的意思(我也有在个人网站增加这些链接的想法),个人感觉这篇博客很良心,它不仅仅是针对Android初学者:一些优秀的学习网站(Android)


好了,开始我们的主题思想


这里我主要针对使用 VS code来开发APP说明


步骤一


安装node.js官方网址 : https://nodejs.org/en/


20190425221952555.png

Npm的下载:新版本node.js中已经有了,无需再下载, 可以查看版本:

20190425221952555.png

打开cmd,直接输入指令即可:npm -v

20190425222234239.png

步骤二:

Python官网下载: https://www.python.org/downloads/windows/

20190425225729121.png

下载后安装

20190425231010236.png

等待

20190425231044845.png

下载完成后,可以打开我们的cmd,通过指令查看:

python


20190425231242721.png

步骤三

安装ionic,官网: https://ionicframework.com/docs/installation/cli#install-the-ionic-cli


进入该网站看看就好,其实不是在这里下载


下载的话,还是直接打开我们的cmd,输入指令

npm install -g ionic


但是我看有的博客介绍是输入cnpm install -g ionic,我输入这个,告诉我不识别,大家看自己的情况使用吧。


下面这个图就是在下载了。

20190425231705281.png

下载完是这样的

20190425232018433.png

好了,安装也完毕了

如果你有一个APP的项目,那么可以启动项目了

进入项目所在路径,输入指令ionic serve

20190425232553792.png

下面就是我的项目在启动了

20190425232539745.png

或者没有项目的话,在我们的cmd输入指令ionic -v ,看到如下

20190425232149564.png

步骤四

安装VS Code,官网:https://code.visualstudio.com/

选择适合自己的版本下载即可

20190425235027725.png

好了,工具准备齐全了,可以进行开发了,后台我是选择idea作为开发工具的。学了新东西会继续更新博客记录。


更新:

下面是我之后又启动的一个项目,结果报错了

20190428150627207.png

翻译:

20190428151025593.png

解决办法:

1.进入项目所在路径,找到node_modules,将其删除

20190428151339534.png

2.输入指令 npm install 重新下载


20190428151654198.png

20190428151903208.png


3.等待下载结束,再次输入指令 ionic serve 启动项目即可解决了。

目录
相关文章
|
3月前
|
测试技术
基于LangChain手工测试用例转App自动化测试生成工具
在传统App自动化测试中,测试工程师需手动将功能测试用例转化为自动化用例。市面上多数产品通过录制操作生成测试用例,但可维护性差。本文探讨了利用大模型直接生成自动化测试用例的可能性,介绍了如何使用LangChain将功能测试用例转换为App自动化测试用例,大幅节省人力与资源。通过封装App底层工具并与大模型结合,记录执行步骤并生成自动化测试代码,最终实现高效自动化的测试流程。
|
2月前
|
开发工具 iOS开发 MacOS
【Mac_mistake】app不能安装在未命名需要OSv11.13或更高版本
【Mac_mistake】app不能安装在未命名需要OSv11.13或更高版本
112 0
|
4月前
【Azure App Service】如何来停止 App Service 的高级工具站点 Kudu ?
【Azure App Service】如何来停止 App Service 的高级工具站点 Kudu ?
|
4月前
|
Go PHP 数据安全/隐私保护
【应用服务 App Service】Azure App Service 中如何安装mcrypt - PHP
【应用服务 App Service】Azure App Service 中如何安装mcrypt - PHP
|
4月前
|
XML 安全 Java
App安全检测实践基础——工具
App安全检测实践基础——工具
109 0
|
4月前
|
开发工具 数据安全/隐私保护 git
【Azure 应用服务】登录App Service 高级工具 Kudu站点的 Basic Auth 方式
【Azure 应用服务】登录App Service 高级工具 Kudu站点的 Basic Auth 方式
|
4月前
|
关系型数据库 Linux PostgreSQL
【Azure 应用服务】Azure Function App Linux环境下的Python Function,安装 psycopg2 模块错误
【Azure 应用服务】Azure Function App Linux环境下的Python Function,安装 psycopg2 模块错误
|
4月前
|
存储 安全 Linux
【Azure 应用服务】App Service For Linux 怎么安装Composer,怎么安装PHP扩展,怎么来修改站点根路径启动程序?
【Azure 应用服务】App Service For Linux 怎么安装Composer,怎么安装PHP扩展,怎么来修改站点根路径启动程序?
|
4月前
|
数据库 Python
【Azure 应用服务】App Service中运行Python 编写的 Jobs,怎么来安装Python包 (pymssql)呢?
【Azure 应用服务】App Service中运行Python 编写的 Jobs,怎么来安装Python包 (pymssql)呢?
|
4月前
|
网络协议 Linux Shell
【Azure 应用服务】App Service For Linux 中安装paping, 用于验证从App Service向外请求的网络连通性
【Azure 应用服务】App Service For Linux 中安装paping, 用于验证从App Service向外请求的网络连通性
下一篇
DataWorks