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>