ionic常用命令总结

声明

 

小编使用的ionic版本是3.12.0，由于ionic3和ionic4改动幅度不小，所以我在新建项目的同时出现了很多的问题。小编也亲测了当前最新版本的ionic4.10，新建启动之类的没有问题。因此，本篇博客的命令主要针对ionic3，以保证老版的ionic使用起来更方便

 

 

IONIC的卸载和重装

 

先卸载 npm uninstall -g ionic
再重装 cnpm install -g ionic@1.0.0 @后面是你的版本号

 

 

新建并启动项目

 

1. 前提：已经安装了ionic3，cordova和node.js

2.新建：进入你指定的安装文件夹内，输入如下代码

#projectname为项目名称
#tabs：是ionic模板
ionic start projectname tabs

 

3.可能会报错，不用管它。新打开一个命令行。定位到你刚才新建的文件夹的目录中，启动项目。代码如下

#启动项目
ionic serve

 

4.应该还有错误。按ctrl+c选择退出当前命令，然后还在这个目录下输入如下代码

npm install @ionic/app-scripts@latest --save-dev

 

5.执行完成后，再次输入ionic serve启动项目，就运行成功了~

 

 

 

代码开发中解决调试问题

 

这个问题不知道是不是只有我遇到过。我用的是VSCode，启动项目后，再次编写代码，然后再VSCode上保存时，程序无法自动编译，此时网页无法刷新，只能中断当前命令，重新ionic serve，项目再会再次构建非常不方便，并且，再次启动ionic serve 后，仍然不能刷新网页，字体位置也会有问题。

解决办法是输入如下代码启动项目，不再用ionic serve

ionic serve --no-interactive

当项目启动后，在VSCode上保存文件代码就会自动编译，网站也会自动刷新构建，网页上的刷新按钮也能正常使用了！

 

 

 

 如何为当前项目安装微信，ios和安卓环境

 

定位到当前项目的文件夹内，输入对应的命令 

#安装
ionic cordova platform add android
ionic cordova platform add ios
ionic cordova platform add browser（微信）

 

构建你的项目也是在当前项目的文件夹内输入

#构建
ionic cordova build browser

 

 

安装二维码插件

 

ionic cordova plugin add cordova-plugin-qrscanner

npm install --save @ionic-native/qr-scanner