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 相关文章推荐
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
分享几种比较简单实用的JavaScript tabel切换
Dec 31 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
js自制图片放大镜功能
Jan 24 Javascript
jquery实现提示语淡入效果
May 05 jQuery
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
浅谈webpack 自动刷新与解析
Apr 09 Javascript
解决vue自定义全局消息框组件问题
Nov 22 Javascript
Vue+Element实现网页版个人简历系统(推荐)
Dec 31 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
Apr 24 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函数(简单整理)
2010/04/30 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
PHP+Ajax实现的无刷新分页功能详解【附demo源码下载】
2017/07/03 PHP
使用JavaScript库还是自己写代码?
2010/01/28 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
浅析JavaScript中的类型和对象
2013/11/29 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
NodeJS学习笔记之网络编程
2014/08/03 NodeJs
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
JavaScript如何实现图片懒加载(lazyload) 提高用户体验(增强版)
2016/11/30 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
关于vue.extend和vue.component的区别浅析
2017/08/16 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
vue 实现强制类型转换 数字类型转为字符串
2019/11/07 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
Python使用三种方法实现PCA算法
2017/12/12 Python
Python实现扣除个人税后的工资计算器示例
2018/03/26 Python
python主线程捕获子线程的方法
2018/06/17 Python
Python实现八皇后问题示例代码
2018/12/09 Python
详解Python字符串切片
2019/05/20 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
利用python 读写csv文件
2020/09/10 Python
中粮集团旗下食品网上购物网站:我买网
2016/09/22 全球购物
药学专业个人自我评价
2013/11/11 职场文书
家长评语和期望
2014/02/10 职场文书
小学语文业务学习材料
2014/06/02 职场文书
青年文明号口号
2014/06/17 职场文书
世界读书日的活动方案
2014/08/20 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
婚庆答谢词大全
2015/09/29 职场文书
体育部部长竞选稿
2015/11/21 职场文书
小学副班长竞选稿
2015/11/21 职场文书