web前端包含的測試過程是如何進行的？每個公司、工作室、團隊和項目都不同，但基本技能是相同的：1。不要把所有的問題都放在測試階段，開發(fā)是最好的測試。因此，在開發(fā)的時候，我們應(yīng)該使用更多的控制臺和端點，

web前端包含的測試過程是如何進行的？

每個公司、工作室、團隊和項目都不同，但基本技能是相同的：1。不要把所有的問題都放在測試階段，開發(fā)是最好的測試。因此，在開發(fā)的時候，我們應(yīng)該使用更多的控制臺和端點，使用chrome測試開發(fā)工具來測試資源和渲染。渲染還可以使用時間戳API打印出來進行檢測。Chrome測試開發(fā)工具還可以測試低網(wǎng)絡(luò)高延遲，如2G網(wǎng)絡(luò)請求。建議學(xué)習(xí)。

2. 在編寫代碼之后，您的構(gòu)建工具（如E2E和eslint）將測試您的編碼規(guī)范、UI性能和代碼執(zhí)行，包括webpack的一些測試。同時，最好引入節(jié)點斷言或一些JS測試包，如柴.js等等。（公司將開發(fā)一套基于webpack本身的構(gòu)建工具）

3。經(jīng)過測試，它只是證明你的代碼是正常的，兼容性，安全性和網(wǎng)絡(luò)仍然需要測試。兼容性通常由不同的瀏覽器、不同版本的瀏覽器、PC和移動終端進行測試。如果是本地病毒和H5病毒，將分別進行檢測。安全，我不知道其他公司。不管怎樣，我們公司有自己的門神測試。至于網(wǎng)絡(luò)，你只能去測試服務(wù)器，用chrome開發(fā)者工具在線測試，查看資源包的加載、解析和呈現(xiàn)。

4. 最后，說到在線，最好是多分支開發(fā)，一個在線分支，一個測試分支，其余都是開發(fā)分支。多個git狀態(tài)和git差異，看看變化。另外，注意在線變化，確保與在線同步。在這方面，我們應(yīng)該建立自己的規(guī)章制度，不能亂來。否則，每推一次都會很惱火。

實例詳解Vue項目使用eslint prettier規(guī)范代碼風(fēng)格？

1. 安裝vetur插件。2將以下規(guī)則添加到vs代碼設(shè)置：{0”vetur.format.defaultFormatter格式“：{”HTML“：”prettier“，”CSS“：”prettier“，”postss“：”prettier“，”SCSS“：”prettier“，”less“：”prettier“，”JS“：”prettier“，”ts“：”prettier“，“stylius”：“stylius supremacy”}}下面是設(shè)置vetur使用的默認格式插件更漂亮。這樣，HTML和JavaScript代碼就可以在。可以格式化Vue文件。Vue eslint代碼將自動格式化。Vue-cli代碼樣式是JavaScript標準樣式，代碼檢查規(guī)范很嚴格，不小心就不能運行。使用eslint的autofixonsave可以在保存代碼時自動格式化代碼。Vscode擴展插件推薦（HTML、node、Vue、react開發(fā)適用）