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語法的效果:

