在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