vuejs如何配置less


Posted in Javascript onApril 25, 2017

本次我们来聊聊,vuejs里如何使用less。都是根据自己的开发经验来写,不对的地方请各位拍砖。

在webstorm上配置Less

首先,全局安装less

npm install less -g

然后,在webstorm上配置less插件,"File" --> "settings"-->"Tools"

vuejs如何配置less

在"file Watchers" -->"+"-->"Less"

vuejs如何配置less

在"Program"里填写less的安装路径;

在"Argument" 里的不用修改;

在"Output paths to refresh"里填写解析的.css文件路径,($FileNameWithoutExtension$.css 这是解析在与less同一路径目录下);

vuejs如何配置less

Vue项目配置Less

首先,安装less依赖:"less" 与 "less-loader";

npm install less less-loader --save(这里最好是写成--save)

接着,配置webapck解析,"bulid"-->"webpack.base.config.js",添加一下代码

{
   test: /\.less$/,
   loader: 'style-loader!css-loader!less-loader'
 }

vuejs如何配置less

 简说安装依赖是"--save"和"--save dev"的区别

我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:

--save-dev

--save

在 package.json 文件里面提现出来的区别就是,使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,则被写入到 dependencies 对象里面去。

那 package.json 文件里面的 devDependencies  和 dependencies 对象有什么区别呢?

devDependencies  里面的插件只用于开发环境,不用于生产环境,而 dependencies  是需要发布到生产环境的。

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

Javascript 相关文章推荐
javascript 面向对象编程 万物皆对象
Sep 17 Javascript
javascript包装对象实例分析
Mar 27 Javascript
简单实现JS对dom操作封装
Dec 02 Javascript
浅谈js图片前端预览之filereader和window.URL.createObjectURL
Jun 30 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
Jan 17 Javascript
javascript中json基础知识详解
Jan 19 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 #Javascript
微信小程序中显示html格式内容的方法
Apr 25 #Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 #Javascript
详解Vue 动态添加模板的几种方法
Apr 25 #Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 #Javascript
基于Vue实现timepicker
Apr 25 #Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 #Javascript
You might like
利用PHP制作简单的内容采集器的原理分析
2008/10/01 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
php画图实例
2014/11/05 PHP
php操纵mysqli数据库的实现方法
2016/09/18 PHP
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
Python中使用item()方法遍历字典的例子
2014/08/26 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
python使用参数对嵌套字典进行取值的方法
2019/04/26 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
python2和python3实现在图片上加汉字的方法
2019/08/22 Python
如何获取Python简单for循环索引
2019/11/21 Python
Python遍历字典方式就实例详解
2019/12/28 Python
python中urllib.request和requests的使用及区别详解
2020/05/05 Python
Python 通过监听端口实现唯一脚本运行方式
2020/05/05 Python
tensorflow之读取jpg图像长和宽实例
2020/06/18 Python
在Tensorflow中实现leakyRelu操作详解(高效)
2020/06/30 Python
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
2017/02/13 HTML / CSS
介绍一下HTTP、HTTPS和SSL
2012/12/16 面试题
军神教学反思
2014/02/04 职场文书
老同学聚会感言
2014/02/23 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
家长对孩子的寄语
2015/02/26 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
导游词之吉林花园山
2019/10/17 职场文书
HTML5 语义化标签(移动端必备)
2021/08/23 HTML / CSS
Spring中bean集合注入的方法详解
2022/07/07 Java/Android