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 相关文章推荐
初识SmartJS - AOP三剑客
Jun 08 Javascript
javascript页面倒计时实例
Jul 25 Javascript
jQuery实现简单下拉导航效果
Sep 07 Javascript
js实现新浪微博首页效果
Oct 16 Javascript
浅析BootStrap Treeview的简单使用
Oct 12 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
Mar 30 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
vue的一个分页组件的示例代码
Dec 25 Javascript
vue子路由跳转实现tab选项卡
Jul 24 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 Javascript
详解Js模块化的作用原理和方案
Apr 29 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
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
PHP判断表达式中括号是否匹配的简单实例
2016/10/22 PHP
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
TinyMCE汉化及本地上传图片功能实例详解
2016/05/31 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
理解Koa2中的async&amp;await的用法
2018/02/05 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
vue实现div单选多选功能
2020/07/16 Javascript
[01:32:22]DOTA2-DPC中国联赛 正赛 Ehome vs VG BO3 第一场 2月5日
2021/03/11 DOTA
python计算最小优先级队列代码分享
2013/12/18 Python
常见的在Python中实现单例模式的三种方法
2015/04/08 Python
Python字典操作简明总结
2015/04/13 Python
常见的python正则用法实例讲解
2016/06/21 Python
用matplotlib画等高线图详解
2017/12/14 Python
python 将print输出的内容保存到txt文件中
2018/07/17 Python
python版大富翁源代码分享
2018/11/19 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
实时获取Python的print输出流方法
2019/01/07 Python
PyQt 实现使窗口中的元素跟随窗口大小的变化而变化
2019/06/18 Python
Python中sorted()排序与字母大小写的问题
2020/01/14 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
python 如何停止一个死循环的线程
2020/11/24 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
药剂学专业应届生自荐信
2013/09/29 职场文书
学生会主席竞聘书
2014/03/31 职场文书
实习推荐信
2014/05/10 职场文书
庆祝教师节标语
2014/10/09 职场文书
奖学金个人总结
2015/03/04 职场文书
2015年学校心理健康教育工作总结
2015/05/11 职场文书
创业计划书之农家乐
2019/10/09 职场文书