解决在sublime里，.vue文件不识别style样式中lang=less

最新推荐文章于 2024-05-26 02:46:27 发布
最新推荐文章于 2024-05-26 02:46:27 发布
阅读量1.1w 收藏 6
点赞数 2
分类专栏： sublime插件 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/magic_xiang/article/details/80832292
版权

    使用sublime编辑器，在写vue文件的时候，如果style设置为less，则里面的代码为白色，且不提示，这样显然会降低我们的开发效率。

    一开始我安装的插件是less，但发现只有less文件才会高亮并且提示，在vue文件里还是不起作用

    后来发现的插件是lessimproved，终于可以实现在vue文件里style lang="less"的代码高亮并且提示了。

     sublime安装插件的方法

     ctrl+shift+P   -->   输入install   -->  输入所需要的插件即可，等待一点点时间就好了

magic_xiang
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Less入门，超好用css写法
qq_44769099的博客
03-27 1030
目录 变量(Variables) 混合(Mixins) 嵌套(Nesting) 运算(Operations) 转义(Escaping) 函数(Functions) 命名空间和访问符() 映射(Maps) 注释(Comments) 导入(importing) less是一门向后兼容的css扩展语言,跟css非常像，因此很容易学习。而且less对css语言增加了一些方便的扩展，这也是less易学的原因之一 <style lang="less"> ... &l..
vue引入lang=“less“报错的解决方案记录
weixin_39503910的博客
04-16 2456
想在vue中引入less,老是报错，百度良久，终于找到解决方案 一、安装 less 和less-loader（npm install less less-loader --save） 二、修改webpack.base.conf.js文件 找到build文件夹下的webpack.base.conf.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加 { test:/.less$/, loader:“style-loader!css-loader!less-loader” }, 如下
vue中style加上scoped属性后部分样式失效
qq_53936712的博客
04-06 1459
vue中style加上scoped属性后部分样式失效
Vue-使用less样式
最新发布
weixin_49352307的博客
05-26 114
【代码】Vue-使用less样式。
vue组件＜style＞标签内添加lang=“less“时报错Module build failed: TypeError: this. getOptions is not a function at
qq_55949207的博客
09-30 621
具体报错： Module build failed: TypeError: this.getOptions is not a function at Object.lessLoader (E:\VUElear\vue_2\my-app\node_modules\less-loader\dist\index.js:19:24) 这里是因为安装less的版本高了，降到5.0.0版本（重新安装less，安装时指定版本号@5.0.0） npm install less-loader@5.0.0 --sa..
css不想样式污染，整个项目报错无法运行
公z号：职场爱学习
06-23 408
<style scoped> 改成 <style lang="less" scoped> 报错。整个项目无法运行。 解决方法： vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。 有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名) 把 >>> 改成 /dee.
less的使用和特点
qq_62817378的博客
06-20 2445
关于less的使用
Sublime Text新建.vue模板并高亮(图文教程)
11-26
在本文中，我们将深入探讨如何在Sublime Text中创建.vue模板并实现高亮显示，这是一个对前端开发者非常有用的技巧。Sublime Text是一款流行的代码编辑器，支持多种编程语言，而.vue文件是Vue.js框架的标准组件文件...
Vue扩展,在sublime安装使用
04-13
在Sublime Text中安装Vue扩展，能够帮助开发者更好地编写Vue项目，实现语法高亮、自动完成、代码提示等功能。 首先，为了在Sublime Text中安装Vue扩展，我们需要安装Package Control。这是一个插件管理工具，提供了...
VUEFormatter-Sublime文本代码格式-Vue.js开发
05-27
通过node.js Sublime Text 3用于Sublime Text 2和3的vue代码格式化程序JS-美化Node.js下载关于这是通过node.js Sublime Text 3用于Sublime Text 2和3的Sublime Text 2和3插件allowi vue代码格式化程序。 JS-美化Node...
sublime text vue文件高亮插件vue-syntax-highlight
11-03
使用说明： 1、sublime菜单栏->首选项->浏览插件,打开Packages文件夹 2、.新建Vue文件夹,把下载的zip解压后，文件放里面 3、sublime中使用快捷键Ctrl+Shift+P,输入vue，即出现vue Component回车 4、重启sublime
两分钟快速上手less
无妄生欢的博客
03-29 1217
只需两步,让你迅速掌握less基本语法,还不赶快来学习呀.
sublime编辑VUE代码高亮方法
java_augur的专栏
12-09 524
今天下载了sublime 版本为3.0，在网上搜索了相关的办法其中以下链接提供了参考，但是我的版本在preference下拉菜单中没有packages setting,经过一番努力还是实现了VUE代码高亮，而且办法也比较简捷，并且不受墙的干扰，特分享如下。 步骤： 1、下载packages资源，链接https://github.com/vuejs/vue-syntax-highlight
浅学一下less，含例子
TeAmo__的博客
03-25 1282
一、Less是什么？ 二、使用步骤 1.安装 2.使用 三、less的特点 变量（Variables） 混合（Mixins） 嵌套（Nesting） 运算（Operations） 转义（Escaping） 函数（Functions） 命名空间和访问符 映射（Maps） 作用域（Scope） 注释（Comments） 导入（Importing） 一、Less是什么？ Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。是css..
解决less注释在stylelint校验中报错
weixin_50698422的博客
03-06 1372
单行注释 (如 Sass，Less，Stylus)，该规则将不会发出警告。它们被你的处理器编译为标准的 CSS 注释，因此 stylelint 会认为它们是有效的。那么直接使用多行注释实际上就没有问题了，但是我的vscode的默认快捷键注释出来的就是。多行注释，其中单行注释不会被编译到css文件中，多行注释会编译到css文件中。注释掉单行代码的不为人知的方法发出警告。的多行注释，但是我的vscode的默认快捷键注释出来的就是。单行注释less时，报css语法错误。支持解析 CSS 中的单行注释。
Vue CSS scoped 后不生效了
q503385724的博客
03-09 4244
<style scoped lang="less" scoped> .el-form-item__label { padding-top: 20px; width: 100px !important; } </style> 如上图，如果不加 scoped，会影响其他组件的样式，加了后，会使CSS 无效，原因是.el-form-item__label ...
less的基本使用
m0_53614495的博客
10-25 1399
在使用less语法的vue文件中给style加入如下代码scoped的作用是该style样式只作用于该vue文件。
如何声明使用less？
weixin_44708301的博客
06-20 755
在style标签中添加lang=“less”属性 less常用属性：1、嵌套属性：在父元素的样式中可以写子元素的样式，结构清醒，减少取类名，&表示当前元素 2、定义全局变量:@color-text: #0f0;使用@color-text的样式都为绿色 修改主题：在项目中获取如下 修改根目录vue.config.js如下 在assets文件下新建css文件，在css路径下新建global.less文件，在less文件中设置全局变量3、继承属性：子元素在父元素样式中通过extend关键字继承
less简单总结
qq_45662523的博客
06-20 466
less简单使用
Default”文件夹中没有名为“Main.sublime-menu”的文件
06-12
如果您在Sublime中找不到名为“Main.sublime-menu”的文件，请尝试以下方法： 1. 点击菜单栏中的“Preferences”（首选项）选项，然后选择“Browse Packages”（浏览程序包）选项。这将打开一个文件资源管理器窗口，其中包含Sublime的所有程序包。 2. 在文件资源管理器窗口中，找到名为“User”的子文件夹。 3. 在“User”文件夹中创建一个名为“Main.sublime-menu”的新文件。 4. 在该文件中添加以下代码： ``` [ { "caption": "New Folder", "command": "prompt_new_folder" } ] ``` 5. 保存并关闭文件，然后重新启动Sublime。现在，您应该能够在菜单栏中看到“New Folder”选项了。 如果您仍然无法找到“Main.sublime-menu”文件，您可以尝试使用其他文件资源管理器（如Windows资源管理器或Mac Finder）来创建新文件夹，然后将其拖放到Sublime的侧边栏中以在Sublime中创建新文件夹。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值