关键词：
在webstorm上配置Less
首先，全局安装less
npm install less -g
然后，在webstorm上配置less插件，"File" --> "settings"-->"Tools"
在"file Watchers" -->"+"-->"Less"
在"Program"里填写less的安装路径；
在"Argument" 里的不用修改；
在"Output paths to refresh"里填写解析的.css文件路径，（$FileNameWithoutExtension$.css 这是解析在与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'
}
简说安装依赖是"--save"和"--save dev"的区别
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：
--save-dev
--save
在 package.json 文件里面提现出来的区别就是，使用 --save-dev 安装的 插件，被写入到 devDependencies 对象里面去，而使用 --save 安装的插件，则被写入到 dependencies 对象里面去。
那 package.json 文件里面的 devDependencies 和 dependencies 对象有什么区别呢？
devDependencies 里面的插件只用于开发环境，不用于生产环境，而 dependencies 是需要发布到生产环境的。
转载：http://www.cnblogs.com/hawk-zz/p/6543330.html
less全局变量配置
参考技术A基于当前less跟less-loader版本如下1.安装less跟less-loader2.安装style-resources-loader和vue-cli-plugin-style-resources-loader3.修改vue.config.js如下4.重启项目启动成功，没有报错 查看详情
vue
参考资料：https://cn.vuejs.org/https://router.vuejs.org/zh-cn/https://vuex.vuejs.org/https://github.com/vuejs/awesome-vue一、vue+jquery vue(IE9+)企业后台或企业站二、vue全家桶：vue+ES6+vuerouter+less(sass或stylus)+vuex 查看详情
antdesign4中less不生效或less配置主题不生效或报错
参考技术Aantdesign4中less不生效或less配置主题不生效或报错antdesign4版本中通过less自定义主题报错或在craco.config.js中配置modifyVars:'@primary-color':'#FF0000',不生效!分析:查看craco-less包中package.json发现less-loader版本变成了@7.3解... 查看详情
vue方向：nuxt配置文件中配置less样式
参考技术A配置不同的样式预处理语言需要安装的包less样式的加载器在依赖安装好以后就可以开始在assets里开发对应的样式了在nuxt.config.js文件中的css项中引入需要使用的样式文件如果报错，提示this.getOptionsisnotafunctionatObject.lessLo... 查看详情
vue-cli4安装配置less
1、安装指定版本less,最新版本的依赖包往往不稳定，容易出现问题npmiless@3.9.0less-loader@4.1.02、下载插件配置全局less变量npmistyle-resources-loadervue-cli-plugin-style-resources-loader-D3、在根目录新建vue.config.js//vue.config.jsconstpath=require(" 查看详情
vue中添加less配置，用于计算div高度
...，从vue-cli脚手架里的安装的webpack模板中并没有less的依赖配置，得自己手动添加安装安装命令：:npm install less less-loader --save安装完后packahe.json中出现如图添加的配置：然后可以在.vue的文件中书写less代码了，结果... 查看详情
如何在 vuejs 和 webpack 中加载字体文件？
】如何在vuejs和webpack中加载字体文件？【英文标题】：Howtoloadafontfileinvuejsandwebpack?【发布时间】：2019-03-1916:16:32【问题描述】：我做了很多阅读，但没有一个链接告诉我如何在vuejs中添加字体。这就是我在less文件中导入字体的方... 查看详情
vue开发实战实战篇#28：如何自定义webpack和babel配置(代码片段)
说明【Vue开发实战】学习笔记。解决less配置问题main.js文件添加配置importVuefrom"vue";importAppfrom"./App.vue";importrouterfrom"./router";importstorefrom"./store";importAntdfrom"ant-design-vue";//需要自定义样式主题，这里... 查看详情
vue项目配置less预编译语言(代码片段)
...安装less依赖，npminstalllessless-loader--save第二步：找到webpack配置文件webpack.base.conf.js，在其中的module的rule中增加一项，如下：test:/\.less$/,loader:‘style-loader!css-loader!less-loader‘第三步：现在基本上已经安装完成了，然后在使 查看详情
vue简介(代码片段)
参考资料：https://cn.vuejs.org/https://router.vuejs.org/zh-cn/https://vuex.vuejs.org/https://github.com/vuejs/awesome-vue一、vue+jqueryvue(IE9+)企业后台或企业站二、vue全家桶：vue+ES6+vuerouter+less(sass或stylus)+vuex+webpa 查看详情
manpage颜色配置
man(){ env LESS_TERMCAP_mb=$(printf"e[1;31m") LESS_TERMCAP_md=$(printf"e[1;31m") LESS_TERMCAP_me=$(printf"e[0m") LESS_TERMCAP_se=$(printf"e[0m") LESS_TERMCAP_so= 查看详情
配置vuejs加载模拟数据
【个人笔记，非技术博客】1.使用前确保安装axios插件，vuejs官方推荐，当然使用其他插件也可以2、配置dev-server.jsvarrouter=express.Router();varbookData=require(‘./../mock/book.json‘);//加载json数据router.get("/book",function(req,res,next){res.json(bo 查看详情
vuejs 中缺少 webpack 配置
】vuejs中缺少webpack配置【英文标题】：webpackconfigmissinginvuejs【发布时间】：2018-10-2213:32:24【问题描述】：我的vuejs应用的package.json看起来像package.json"name":"vue_app","version":"0.1.0","private":true,"scripts":"serve":"vue-cli-serviceserve--open"," 查看详情
如何使用 Antd / Less 和 Sass / CSS 模块配置 Next.js
】如何使用Antd/Less和Sass/CSS模块配置Next.js【英文标题】：HowtoconfigureNext.jswithAntd/LessandSass/CSSmodules【发布时间】：2020-07-2902:56:16【问题描述】：我想将Next.js与Sass和CSS模块一起使用，但也想使用AntDesign并希望使用Less样式来缩小建... 查看详情
vuejs 配置：使用全局变量？
】vuejs配置：使用全局变量？【英文标题】：vuejsconfiguration:usingaglobalvariable?【发布时间】：2017-11-2817:17:29【问题描述】：这看起来很愚蠢，但我是这样设置的：在config/index.js:module.exports=API_LOCATION:\'http://localhost:8080/api/\'然后在src/... 查看详情
如何使用 Next.js、Ant Design、Less 和 TypeScript 配置 Storybook.js Webpack
】如何使用Next.js、AntDesign、Less和TypeScript配置Storybook.jsWebpack【英文标题】：HowcanIconfigureStorybook.jsWebpackwithNext.js,AntDesign,Less,andTypeScript【发布时间】：2021-02-2114:14:42【问题描述】：我正在尝试将Storybook配置为与Next.js、AntDesign、Less... 查看详情
如何配置 Rollup 和 PostCSS 以捆绑 LESS 和 CSS (Tailwind)
】如何配置Rollup和PostCSS以捆绑LESS和CSS(Tailwind)【英文标题】：HowtoconfigureRollupandPostCSStobundleLESSandCSS(Tailwind)【发布时间】：2021-01-1112:11:58【问题描述】：我正在整理一个启动工具包，将React组件库与Rollup捆绑在一起。该库包括使用... 查看详情
vscode使用less自动生成css
...s.complie，点击less,拉倒最底下，找到setting.json第五，在json配置中加入，less.compile(less配置) 查看详情