vue 常见操作 及 ionic 实战回顾

时间:2021-12-18 21:13:32

npm install axios sass-loader vue-infinite-scroll vue-router vuex express superagent --save

--save 和 --save-dev 的区别:

--save 安装的插件位于 dependencies 之下

--save-dev 安装的插件位于 devDependencies 之下

安装 vue-router

$ npm install vue-router --save-dev

安装 mint-ui

$ npm install mint-ui --save-dev

安装 vue-resource

$ npm install vue-resource --save-dev

安装 node-sass

$ npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

webapp开发选择:

Angular + Ionic-UI

Vue + Element-UI

React + Material-UI

回顾 ionic 实战:

1.npm install -g cordova ionic // 全局安装cordova和ionic

2.ionic start myIonic blank // 空白页面

或 ionic start myIonic tabs // 带有tabs栏

或 ionic start myIonic sideMenu // 带有左滑导航栏

3.cd myIonic // 进入项目

4.ionic serve // 在服务器上启动

5.ionic platform add android // 添加android平台

ionic platform add ios // 添加ios平台

6.ionic platform list // 查看安装的所有平台、

ionic plugin list // 查看安装的所有插件

7.adb version // adb的全称为Android Debug Bridge,就是起到调试桥的作用。借助adb工具,我们可以管理设备或手机模拟器的状态。

8.ionic run android // 连接真机,在真机上运行

9.ionic build android -release // 打包

10.ionic serve // PC端运行

.