最近在打包專案上傳到伺服器時，總是會出現奇奇怪怪的樣式，譬如： 我本地用el-menu做的二級選單分類，在本地可以正常顯示，打包上傳至伺服器出現異常，如下圖：
本地正常顯示：
打包後異常顯示：
解決方案：
檢視通過控制台檢視本地渲染後的樣式和伺服器渲染後的樣式，發現之前其他檔案中的el-menu的樣式是全域性更改的，覆蓋了我當前檔案的樣式，
解決方法： 給造成全域性汙染的那個檔案加scoped,讓改樣式只在當前頁面有效。
此問題的出現，提醒自己寫樣式的時候，要避免影響其他頁面的css,否則會出現好多想不到的問題。
本地建立vue專案
1 安裝nodejs 2 安裝webpack 安裝命令 cnpm install webpack g 安裝完成，通過webpack v來檢視當前webpack版本 3 安裝全域性的vue cli腳手架,用於幫助搭建所需的模板框架 全域性安裝後，可直接進入任意目標資料夾新建vue專案 安裝命令 npm...
vue專案執行
執行vue專案需要 1 node.js環境 npm包管理器 2 vue cli 腳手架構建工具 3 cnpm npm 的 映象 一 安裝node.js 安裝完成之後，開啟命令列工具，輸入node v,出現相應的版本號，則說明安裝成功 npm 包管理器，是整合在 node 中的，所以直接輸入 npm ...
執行vue專案
windows系統搜尋cmd node v 檢查版本 安裝成功之後就會顯示 安裝cnpm.npm install g cnpm registry 因為npm是國外的，所以在安裝的時候回比較慢，需要安裝 團隊開發的cnpm.安裝webpack npm install webpack g 安裝vue c...