Vue CLI3 如何支持less的方法示例


Posted in Javascript onAugust 29, 2018

本文介绍了Vue CLI3 如何支持less的方法示例,分享给大家,具体如下:

安装方式:

npm install less less-loader --save

或者

cnpm install less less-loader --save

大家在编写 .vue 文件的 style 的时候多会选择采用预编译样式来加速开发效率

<style lang="less">
#app {
 font-family: 'Avenir', Helvetica, Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-align: center;
 color: #2c3e50;
 margin-top: 60px;

 .img {
  border: 1px solid red;
 }
}
</style>

这里我们提一下,如何在新版 Vue CLI 中增加对 less 的支持

其实很简单:需要在 package.json 中定义依赖:

"devDependencies": {
  "less": "^3.0.4",
  "less-loader": "^4.1.0"
}

然后安装对应的依赖即可,是不是比之前版本的脚手架省去了很多配置

当然在使用 vue create 创建新项目的时候,也是可以在命令行直接选择的:

Vue CLI3 如何支持less的方法示例

再里面可以选择:

Vue CLI3 如何支持less的方法示例

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
javascipt基础内容--需要注意的细节
Apr 10 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
搭建Bootstrap离线文档的方法
Dec 02 Javascript
JQuery.validationEngine表单验证插件(推荐)
Dec 10 Javascript
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 Javascript
Vue.js框架路由使用方法实例详解
Aug 25 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 Javascript
javascript实现点击产生随机图形
Jan 25 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
Aug 29 #Javascript
Vuex 使用及简单实例(计数器)
Aug 29 #Javascript
浅谈Vue.use的使用
Aug 29 #Javascript
微信小程序支付前端源码
Aug 29 #Javascript
微信小程序使用swiper组件实现类3D轮播图
Aug 29 #Javascript
javascript中UMD规范的代码推演
Aug 29 #Javascript
详解webpack自定义loader初探
Aug 29 #Javascript
You might like
如何使用FireFox插件FirePHP调试PHP
2013/07/23 PHP
javascript 写类方式之十
2009/07/05 Javascript
JavaScript QueryString解析类代码
2010/01/17 Javascript
从零开始学习jQuery (十) jQueryUI常用功能实战
2011/02/23 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
javascript二维数组转置实例
2015/01/22 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
jQuery实现的多张图无缝滚动效果【测试可用】
2016/09/12 Javascript
JavaScript 计算笛卡尔积实例详解
2016/12/02 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
2017/08/28 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
Vue项目引进ElementUI组件的方法
2018/11/11 Javascript
vue基础之data存储数据及v-for循环用法示例
2019/03/08 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
Python 字典(Dictionary)操作详解
2014/03/11 Python
利用Python读取txt文档的方法讲解
2018/06/23 Python
Flask之flask-session的具体使用
2018/07/26 Python
使用python接入微信聊天机器人
2020/03/31 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
Python爬取梨视频的示例
2021/01/29 Python
CSS3之背景尺寸Background-size使用介绍
2013/10/14 HTML / CSS
大学教师年终总结的自我评价
2013/10/29 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
孩子教育的心得体会
2014/09/01 职场文书
考试没考好检讨书(精选篇)
2014/11/16 职场文书
毕业生评语大全
2015/01/04 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
创业计划书之面包店
2019/09/17 职场文书
Python sklearn分类决策树方法详解
2022/09/23 Python