vue系列---【vue項目如何使用less語法？】

vue-cli工具幫我們創建的vue項目，默認沒有安裝less-loader，所以項目運行時會提示：can't resolve ’less-loader‘。

想要使用下面的less語法，就必須先安裝less-loader的開發依賴

<style lang="less" scoped>
.login-container {
  background-color: #2b4b6b;
  width: 100%;
  height: 100%;
}
</style>

在vue項目根目錄下打開命令窗口，輸入：vue ui，自動跳轉到如下界面（如果之前沒有用vue ui打開過工程，先加載項目的根目錄，就會進入這個看板界面）：

 

 

 

 因為less-loader依賴於less，所以我們還要安裝less依賴；

 

 以上兩個開發依賴安裝完成后，就可以了，記得重啟項目才能生效。