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 相关文章推荐
帮助避免错误的Javascript陷阱清单
May 31 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
Jan 13 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 Javascript
javascript编写实用的省市选择器
Feb 12 Javascript
jQuery实现仿QQ空间装扮预览图片的鼠标提示效果代码
Oct 30 Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 Javascript
react配合antd组件实现的管理系统示例代码
Apr 24 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
Aug 24 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 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
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
PHP扩展安装方法步骤解析
2020/11/24 PHP
解析Javascript中难以理解的11个问题
2013/12/09 Javascript
JS对文本框值的判断示例
2014/03/10 Javascript
详谈javascript中的cookie
2015/06/03 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
JS出现失效的情况总结
2017/01/20 Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
2017/05/10 Javascript
vue.js移动端tab组件的封装实践实例
2017/06/30 Javascript
Mac下通过brew安装指定版本的nodejs教程
2018/05/17 NodeJs
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
Intellij IDEA搭建vue-cli项目的方法步骤
2018/10/20 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
Layui 动态禁止select下拉的例子
2019/09/03 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
在vue中实现禁止屏幕滚动,禁止屏幕滑动
2020/07/22 Javascript
用Python程序抓取网页的HTML信息的一个小实例
2015/05/02 Python
Python Json模块中dumps、loads、dump、load函数介绍
2018/05/15 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
Pytorch之view及view_as使用详解
2019/12/31 Python
浅谈Tensorflow加载Vgg预训练模型的几个注意事项
2020/05/26 Python
python不到50行代码完成了多张excel合并的实现示例
2020/05/28 Python
简单的Python人脸识别系统
2020/07/14 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
德国50岁以上交友网站:Lebensfreunde
2020/03/18 全球购物
PHP如何删除一个Cookie值
2012/11/15 面试题
《我不是最弱小的》教学反思
2014/02/23 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
医院保洁服务方案
2014/06/11 职场文书
导游词之五台山
2019/10/11 职场文书
《我在为谁工作》:工作的质量往往决定生活的质量
2019/12/27 职场文书
Python预测分词的实现
2021/06/18 Python
app场景下uniapp的扫码记录
2022/07/23 Java/Android