如何在我的系统上运行在线构建的离子应用程序

Question

我是离子应用程序开发的新手，在网上搜索时，我看到了一个指向离子创建者的链接。通过它阅读我能够创建一个应用程序。

创建后，我下载了源文件，但现在我试图在我的计算机上运行它。在cmd屏幕上，我输入了ionic serve，但收到此错误消息[ERROR] Sorry! ionic serve can only be run in an Ionic project directory。有人可以带我完成在我的系统上运行应用程序的过程。

Answer 1

您需要从项目目录运行该命令。

例如，如果您的应用程序位于 C：\ Users \ UserName \ Desktop \ MyApp 中，则需要转到MyApp目录，然后您可以运行ionic serve命令。

Answer 2

1. Ionic v1

通过键入以下命令安装最新版本的本地Ionic CLI：

npm install -g ionic@latest

要启动新的Ionic项目，请键入命令：

ionic start myapp --type ionic1

现在进入新创建的myapp目录，您将看到名为www inside的目录。

删除www文件夹中的所有内容，并将解压缩的文件和文件夹从STEP 1移动到www文件夹中。目录结构应如下所示：



接下来，将名为SCSS-MOVEME的目录移到一个目录中，并将其重命名为scss。此目录现在应与www目录并排放置。

现在，直接从myapp文件夹中运行命令npm install。这将安装gulp.js和一些方便的任务，如gulp-sass和gulp-minify-css。

最后，在ionic.config.json文件中，添加JavaScript属性＆＃34; gulpStartupTasks＆＃34;：[＆＃34; sass＆＃34;，＆＃34; watch＆＃34;]。

1. Ionic v3.x

此步骤要求您安装最新版本的本地Ionic CLI。

要启动新的Ionic项目，请键入命令：

ionic start myapp

现在进入新创建的myapp目录，你会在里面看到名为src的目录。

将zip导出中的内容复制并粘贴到src目录中。您将要覆盖app目录，pages目录和index.html

来源：ZIP Export an Ionic Project