1.install一個npm包的時候，總是會報這個警告；
網上查資料知道，這個fsevents是mac下用的，windows忽略即可；
2.關於在main.js中引入less文件的問題，
就會報這個錯，說相關模塊沒有找到，這個問題，我在網上找了很多資料，然后我也都試了，都不好用，於是我的解決辦法就是不在main.js中引入less（我投降了還不行么，2333），
另外，如果有知道如何解決的大牛，可以在下邊評論區告訴我哦，謝謝啦~
3.首先目錄結構如下：
然后，在header.vue文件中，想引入mixin.less文件，mixin.less文件內容如下：
引入less文件之后，在header.vue文件中使用.bg-img(brand)；就會報錯：
原因就是路徑有問題，在報錯中，不難發現這個路徑是相對於mixin.less文件的路徑，在這個路徑中沒有找到指定的圖片資源，當然會報錯了，而我想做的就是讓mixin.less中寫的背景圖片路徑是相對於我這個header.vue文件來的，然后在 網上找到解決辦法就是修改mixin.less中的代碼為：
在url前加上~這個符號，就會發現問題解決了；
4.在vue中異步請求的數據沒回來的話，使用v-for循環的話會報錯，而且看到的效果是頁面渲染的結果和自己預期的一致：
html：
報錯信息：
原因很簡單，就是請求的數據沒回來，然后在渲染DOM的時候，找不到seller.supports[index].description 對應的數據，所以會報錯，
解決辦法就是加個v-if判斷一下請求的數據回沒回來，然后再渲染DOM；
加v-if的時候，又出現了一個問題：v-if和v-for同時使用會沖突么？ 上面的兩種我都試了，頁面的效果肉眼看是沒影響的，
但是上網查資料說：當v-if 與 v-for 一起使用時,v-for 具有比 v-if 更高的優先級，所以我為了保險起見，還是用的第二種~；
5.backdrop: blur(10px); //ios下背景模糊，移動端可看效果，pc瀏覽器看不見；
6.關於1px border問題，如果直接給元素設置border-bottom：1px solid #fff；這樣在pc端看着像是1px，但是在實際手機上看就不是1px，而是2px，那么解決辦法就是對目標元素添加after偽元素，然后給偽元素設置border，然后對目標元素下的偽元素進行CSS3的縮放Y軸： transform: scaleY( 縮放比例 )；
7. el.offsetHeight // 觸發瀏覽器重繪
8.頁面頂部大頭圖加載的問題：因為圖片大小不規則，而且在給img添加vue的：src屬性時，瀏覽器最初渲染DOM時候，img高度是0，當vue讀取並對：src屬性值進行替換加載圖片的時候就會出現卡頓，解決辦法就是給img的父級設置：寬100%，上padding或者下padding為100%(相對於寬度大小)，然后子元素img相對父級進行定位，並設置寬高100%；
9. 利用localStorage存儲收藏商家的狀態
讀取狀態：
10.項目最后打包：執行 npm run build 命令 （自動執行build.js文件中的代碼），打包過程中會將js文件和css文件提取出來，分別存到對應的文件夾下，文件名是哈希值，內容改變哈希值改變，然后需要 在根目錄下創建server.js文件來啟動項目（index.html），如果不想讓項目可以調試，可以將sourceMap改為false；