vue使用tips記錄

用vue已經好久啦，這裏記錄一下一些我以爲比較實用的小tips：

 

🌿搭建vue項目環境

安裝node --> 設置淘寶鏡像 --> cnpm install vue-cli -g --> vue init webpack projectname --> cnpm install css-loader style-loader --save -D -->

🌿配置sass(https://blog.csdn.net/lily2016n/article/details/75309492) cnpm install --save-dev sass-loader 而後 cnpm install --save-dev node-sass

--> 在build文件夾下的webpack.base.conf.js的rules裏面添加配置,如⬇️

 

🌿打包後頁面空白？--> https://blog.csdn.net/weixin_41439996/article/details/80844635 

https://www.cnblogs.com/muamaker/p/8023522.html  同時解決打包後頁面空白和scss文件中背景圖片不顯示的問題。

 

🌿百度地圖自定義Marker https://blog.csdn.net/dong_18383219470/article/details/54232536

🌿vue + 百度地圖 --> https://www.cnblogs.com/yufann/p/Vue-Node9.html

🌿Mac + svn : https://blog.csdn.net/doubleface999/article/details/73469055

 

🌿Mac設置svn：https://blog.csdn.net/lzp2015/article/details/78389435

 

🌿Mac svn管理工具versions 1.3免費版下載 ：http://www.pc6.com/mac/116544.html
使用：http://www.sdifen.com/versions132.html?jdfwkey=fqf2b

 

🌿Mac svn工具SnailSVN使用方法：https://blog.csdn.net/qq_40144558/article/details/80630466

 

🌿rem單位的字號在Chrome瀏覽器中過大?

rem單位在Chrome中字體大小異常，解決：https://oss.so/article/87 即爲html標籤設置
-webkit-text-size-adjust: none;
text-size-adjust: none;

 

🌿、第三方ui框架px轉rem。
https://segmentfault.com/a/1190000015238394 (僅供參考。親測有bug)
https://www.cnblogs.com/WQLong/p/7798822.html(僅供參考)
https://www.cnblogs.com/wangqiao170/p/8652505.html  -- > https://blog.csdn.net/sinat_17775997/article/details/79230616（已採用）

 

🌿、vue項目使用localhost或者127.0.0.1均可以訪問，使用ip就不行？

原文地址（https://www.cnblogs.com/wangyanhua95/p/7954019.html）