前端華為平板電腦適配

『壹』 華為padvscode配置

華為padvscode配置
想要優雅且高效的編寫代碼，必須熟練使用一款前端開發工具。但前端開發工具數不勝數，像HBuilder、Sublime Text、WebStorm、Visual Studio Code......等等,其中VSCode以其輕量且強大的代碼編輯功能和豐富的插件生態系統，獨受前端工師的青睞。網上有很多vscode的配置以及使用博客，但都沒有本篇那麼詳細且全面。

軟體下載
直接在官網進行下載

Visual Studio Code - Code Editing. Redefined
最近很多人留言說官網下載被限速，如果大家存在這種情況，可以在「前端碼頭」後台發送vscode獲取軟體包。

首頁

vscode設置成中文
vscode默認的語言是英亮扮春文，對於英文不好的小夥伴可能不太友好。簡單幾步教大家如何將vscode設置成中文。

按快捷鍵「Ctrl+Shift+P」。
在「vscode」頂部會出現一個搜索框。
輸入「configure language」，然後回車。
「vscode」裡面就會打開一個語言配置文件。
將「en-us」修改成「zh-cn」。
按「Ctrl+S」保存設置。
關閉「vscode」，再次打開就可以看到中文界面了。
當然如果你不願意設置，也可以直接安裝它的中文插件，還是很人性化的。

VScode用戶設置
1. 打開設置

文件--首選項--設置，打開用戶設置。VScode支持選擇配置，也支持編輯setting.json文件修敬耐改默認配置。個人更傾向於編寫json的方式進行配置，下面會附上我個人的配置代碼

這里解析幾個常用配置項：

（1）editor.fontsize用來設置字體大小，可以設置editor.fontsize : 14;

（2）files.autoSave這個屬性是表示文件是否進行自動保存，推薦設置為onFocusChange——文件焦點變化時自動保存。

（3）editor.tabCompletion用來在出現推薦值時，按下Tab鍵是否自動填入最佳推薦值，推薦設置為on;

（4）editor.codeActionsOnSave中的source.organizeImports屬性，這個屬性能夠在保存時，自動調整 import 語句相關順序，能夠讓你的 import 語句按照字母順序進行排列，推薦設置為true,即"editor.codeActionsOnSave": { "source.organizeImports": true }；

（5）editor.lineNumbers設置代碼行號,即editor.lineNumbers ：true；

我的個人配置，供參考：

{ "files.associations": { "*.vue": "vue", "*.wpy": "vue", "*.wxml": "html", "*.wxss": "css" }, "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "git.enableSmartCommit": true, "git.autofetch": true, "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "vue-html": "html", "vue": "html", "wpy": "html" }, //主題顏色 //"workbench.colorTheme": "Monokai", "git.confirmSync": false, "explorer.confirmDelete": false, "editor.fontSize": 14, "window.zoomLevel": 1, "editor.wordWrap": "on", "editor.detectIndentation": false, // 重新設定tabsize "editor.tabSize": 2, //失去焦點後自動保存 "files.autoSave": "onFocusChange", /缺升/ #值設置為true時，每次保存的時候自動格式化； "editor.formatOnSave": false, //每120行就顯示一條線 "editor.rulers": [ ], // 在使用搜索功能時，將這些文件夾/文件排除在外 "search.exclude": { "**/node_moles": true, "**/bower_components": true, "**/target": true, "**/logs": true, }, // 這些文件將不會顯示在工作空間中 "files.exclude": { "**/.git": true, "**/.svn": true, "**/.hg": true, "**/CVS": true, "**/.DS_Store": true, "**/*.js": { "when": "$(basename).ts" //ts編譯後生成的js文件將不會顯示在工作空中 }, "**/node_moles": true }, // #讓vue中的js按"prettier"格式進行格式化 "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { // #vue組件中html代碼格式化樣式 "wrap_attributes": "force-aligned", //也可以設置為「auto」，效果會不一樣 "wrap_line_length": 200, "end_with_newline": false, "semi": false, "singleQuote": true }, "prettier": { "semi": false, "singleQuote": true } } }
最近經常有人微信問我，這個配置代碼寫在哪裡？

新版的vscode設置默認為UI的設置，而非之前的json設置。如果你想復制我上面這段代碼進行配置，可以進行下面的修改

文件>首選項>設置 > 搜索workbench.settings.editor，選中json即可改成json設置；

禁用自動更新

文件 > 首選項 > 設置（macOS：代碼 > 首選項 > 設置，搜索update mode並將設置更改為none。

開啟代碼提示設置

第一步：點擊左下角點擊設置圖標，找到並點擊「setting」

第二步：到搜索框里搜索「prevent」--->並取消此項的勾選

常用的快捷鍵
高效的使用vscode,記住一些常用的快捷鍵是必不可少的，我給大家羅列了一些日常工作過程中用的多的快捷鍵。

以下以Windows為主，windows的 Ctrl，mac下換成Command就行了

對於 行 的操作：

重開一行：游標在行尾的話，回車即可；不在行尾，ctrl + enter 向下重開一行；ctrl+shift + enter 則是在上一行重開一行
刪除一行：游標沒有選擇內容時，ctrl + x 剪切一行；ctrl +shift + k 直接刪除一行
移動一行：alt + ↑ 向上移動一行；alt + ↓ 向下移動一行
復制一行：shift + alt + ↓ 向下復制一行；shift + alt + ↑ 向上復制一行
ctrl + z 回退

『貳』 華為平板的軟體生態如何適配的軟體多不多

目前階段華為所推出的平板電腦產品基本還是基於安卓系統，其應用生態環境仿鎮如果只就平板產品而言應該說還是不夠完善的。
平板市場三分天下
早在2000年左右，微軟公司就向世人展示了尚處於開發階段的Tablet PC產品，這應該是大眾較早所熟知的平板電腦產品。兩年後的2002年，Tablet PC正式發布，其搭載微軟針對平板電腦所開廳中發的專用操作系統Windows XP Tablet PC Edition，標志著Tablet PC產品正式商業化開售。

2010年，美國蘋果公司發布全新產品——iPad，這種平板電腦產品與微軟推出的Tablet PC很不一樣，雖然其在辦公方面的表現不如微軟產品，但得益於蘋果建立的app store軟體生態，iPad在易用性和 娛樂 性上的表現優勢明顯。

除了微軟和蘋果公司的平板電腦產品，國內廠商也開始推出自己的平板電腦產品，雖然國廠廠商推出的產品型號繁多，但基本上都選擇搭載谷歌安卓操作系統，也有一部分產品同時內置了微軟和谷歌的系統，可由用戶選擇切換使用。

漸漸地，國內平板電腦市場基本被微軟平板、蘋果iPad和安卓平板所瓜分，最終形成三分天下的局面。
華為平板
微軟的平板扮大山電腦具備完整的Windows生產力，其辦公性能是產品的立足之本，但其價格較高，更多的用戶會選擇購買筆記本電腦來使用；蘋果的iPad 娛樂 性好，性能強勁操作流暢，在發售之初價格也一度居高不下；而國產平板產品則以價格便宜等優勢占據部分市場。

隨著智能手機向全面屏進化，主流手機的屏幕已達到6英寸以上的水平，原來市面上7寸左右的小尺寸平板電腦市場需求迅速萎縮，到現在仍堅守安卓平板電腦行業的國內廠商已越來越少，而這其中，華為則是自始至終堅持研發、製造和銷售平板電腦的國內 科技 企業。

華為多年的深耕也漸漸取得優秀的成績，據IDC所發布的2020年第一季度中國平板市場跟蹤報告顯示，華為在2020年第一季度以150萬台平板出貨量超過蘋果躍居第一，市場份額也升至40.2%的新高。

然而，隨著美國政府對華為的打壓，也讓國人更清楚地認識到國產平板和手機產品的不足之處，那就是核心的操作系統仍然採取的谷歌公司的安卓操作系統，這在國產手機和平板廠商中是一個普遍都存在的現象。

谷歌公司曾經推出過面向平板電腦的專用安卓版本，但隨後便停止了更新，目前華為平板上搭載的安卓系統與手機產品中的並無太大不同，而且由於搭載安卓系統的設備太多，碎片化太過嚴重，很多平板的屏幕尺寸、解析度等參數不盡相同，安卓生態下的應用開發者沒有精力去適配所有的產品，這也導致安卓平板上安裝和運行的應用大多數都是直接從手機移植而來，並未針對大尺寸屏幕的平板產品來設計和優化，用戶在使用這些應用時會發現存在畫面簡單拉伸等現象。
小結
華為平板雖然超越蘋果iPad躍居市場出貨及市場份額雙第一，但其所搭載的安卓系統局限了其應用生態的發展，當然這涉及到千萬應用開發者的調整，非華為一家所能解決。隨著華為鴻蒙系統的問世，將來或許會有越來越多的華為產品搭載新的系統，而那時鴻蒙系統所打造的應用生態將是成功與否的關鍵。

『叄』 華為平板電腦怎麼設置兼容模式

華為平板兼容性如何設置的方法如下。首先在我們的平板電腦上點擊打開要進行操作的瀏覽器app。接著在此瀏覽器的首頁面內點擊右上方的閃電圖案的按鈕。然後就會彈出來一個選項框，在此框內點擊選擇「兼容模式」，然後就完成了。

相關資料

由於安卓平板很多應用都是手機改制而來，因此很多不支持橫買個操作，經常要橫豎機身才能正常使用，這也是安卓平板體驗一直不佳的原因。榮耀平板V6通過平行視界的功能大大地讓這塊10.4英寸的2K屏幕有了更好的用武之地。

如果你發現第三方應用沒有兼容這一模式，可以通過平行視界進行打開該APP，經實測發現基本主流的頭條，微博等社交APP已經很好地身在適配這個實用模式了。

在平板購置當中，沒有這個選項，你在購買完華為平板之後，可以直接到華為平板自帶的應用商店裡下載各種應用程序和軟體，也可以安裝第三方的軟體商店，下載安卓等各種軟體，這個是沒有任何問題的。

也不存在兼容有不同的現象，尤其是老款的華為平板，如果你沒有升級到鴻蒙系統的話，更不存在不兼容的問題，如果你發現有些軟體無法在你的華為平板上運行，那是因為你的華為平板安卓系統版本過低。除了刷平板之外，沒有任何解決方式。

『肆』 華為matepad11平板電腦參數

主要參數