Vue脚手架常用命令

查询版本

npm -v

安装:npm install xxx –save

卸载:npm uninstall -g xxx

安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

启动服务: npm run dev

编译打包:npm run build

打包后的文件在:dist目录下


ionic 常用命令:

ionic serve

ionic build

ionic cap add android

ionic cap copy

############################################

1、 npx cap init edu2App edu2.netx.com
2、 ionic build
3、 npx cap add android 老步骤
4、 npx cap copy
5、 npx cap open android


############################################

 

cnpm install --save @ionic-native/core --save

//一个项目中只需要安装一次

cnpm install phonegap-plugin-barcodescanner --save

cnpm install @ionic-native/barcode-scanne --save


 

1、安装 Vue脚手架
cnpm install vue-cli -g

2、查看可以创建的项目类型
vue list

3、创建Vue脚手架工程
vue init webpack myvue

4、安装项目
npm install 或者 cnpm install
如果有错误,输入修复命令 npm autid fix

5、启动项目
npm run dev

npm install webpack -g

npm install webpack-cli -g

webpack
webpack --watch 热部署

npm install vue-router --save-dev

 

获取子组件 this.$ref.xxx
获取父组件 this.$parent.xxx

非父子组件传值 p12,18:00
自定义组件数据双向绑定,p13,07:00

调用自定义事件 this.$emit("xxx") , this.$emit("xxx",params)

 

 

 创建Ionic工程 6.16.3

##############################

  1. npm uninstall -g ionic
  2. cnpm install -g @ionic/cli
  3. ionic start edu3App tabs
  4. ionic capacitor add android
  5. ionic capacitor copy android

##############################

cnpm install cordova-plugin-dialogs
cnpm install @ionic-native/dialogs
ionic cap sync

cnpm install --save @capacitor/clipboard @capacitor/toast

cnpm install cordova-plugin-x-toast
cnpm install @ionic-native/toast
ionic cap sync

#########################################

cnpm install axios --save
cnpm install moment --save
cnpm install ionicons --save

cnpm install @ionic-native/core --save

cnpm install cordova-plugin-dialogs --save
cnpm install @ionic-native/dialogs --save

cnpm install cordova-plugin-x-toast --save
cnpm install @ionic-native/toast --save

cnpm install cordova-clipboard --save
cnpm install @ionic-native/clipboard --save
cnpm install @capacitor/clipboard --save

cnpm install cordova-plugin-app-version --save
cnpm install @ionic-native/app-version --save

cnpm install integrator-cordova-plugin-downloader --save
cnpm install @ionic-native/downloader --save

cnpm install cordova-plugin-file-opener2 --save
cnpm install @ionic-native/file-opener --save

cnpm install cordova-plugin-app-launcher --save
cnpm install @ionic-native/app-launcher --save

ionic cap sync

 

public class FileProvider extends androidx.core.content.FileProvider {
}

 

 

安卓工程打包apk:

 

 

 

 

 

密码:poi098

 

 

 

########################################################################################

1.解决模态窗口尺寸问题:

打开文件:\node_modules\@ionic\core\dist\esm-es5\ion-modal.entry.js

修改600px 为 100%

2.解决安卓网络问题

 

 

 

 

network.xml

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <base-config cleartextTrafficPermitted="true" />
</network-security-config>

 

posted on 2021-03-29 19:05  //君莫笑  阅读(2262)  评论(0)    收藏  举报

导航