在HBuilderX中新建的Vue項目中使用less


1.在HBuilderX中新建Vue項目

  

 

 

2. 安裝less和less相關的轉移插件

  打開cmd cd到項目所在的目錄:

  

 

    在命令行執行:cnpm install   (注意:必須先執行這一步,安裝依賴,后面一步是基於這一步的)

  在命令行執行:cnpm install --save-dev less less-loader css-loader style-loader

  

 

 

3. 在Vue文件中使用Less編寫樣式代碼

  

 

   

 

 

4. 運行項目

  在命令行使用命令: npm run serve運行項目

  

 

 可以看到使用less語法的效果:

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM