vscode 文件编码转换_VS code 常用配置-程序员宅基地

技术标签: vscode 文件编码转换  

Emmet扩展JSX语法

在编辑器的左下角设置里找到设置-在左侧的扩展里找到Emmet,在右侧找到这个插件的Include Languages – 在settings.json中编辑

"emmet.includeLanguages":{

"javascript": "javascriptreact"

},

回到设置界面,右侧找到 Trigger Expansion On Tab 勾选

现在就可以在index.js的 render里面使用Tab键展开emmet缩写了

vscode设置2个空格的缩进

点击菜单栏中的文件–》首选项–》设置,然后搜索下图中的关键字,就可以设置了 搜索 tabsize也可以

设置换行方式:

用户设置- 查找

"editor.wordWrap": "off"

修改为on为自动换行

控制是否显示 minimap

"editor.minimap.enabled": true

设置为false为不显示

emmet更新图像大小快捷键设置

键盘快捷方式-搜索emmet 可修改emmet快捷键为 ctrl+u

查找替换相关快捷键:

查找 Ctrl+F

查找替换 Ctrl+H

整个文件夹中查找 Ctrl+Shift+F

插件: View InBrowser 安装

在浏览器上打开文件。

默认快捷键 ctrl+F1 可在快捷键中修改为自己习惯使用的键 ctrl+shift+alt+x

文件图标主题 seti-icons

安装后效果:

插件:cssrem px转rem的插件 默认根字体为16

可修改为: “cssrem.rootFontSize”: 20

Beautify( 格式化 javascript, JSON, CSS, Sass, and HTML )

存一个自己的配置(设置-首选项-设置):

{

"window.zoomLevel": 0,

"workbench.activityBar.visible": true,

"git.ignoreLegacyWarning": true,

"editor.wordWrap": "on",

"editor.minimap.enabled": false,

"editor.fontSize": 18,

"workbench.iconTheme": "vscode-icons",

"workbench.colorTheme": "Monokai",

"cssrem.rootFontSize": 20,

"editor.multiCursorModifier": "ctrlCmd",

"editor.links": false,

"css.colorDecorators.enable": false,

"scss.colorDecorators.enable": false,

"css.validate": false,

"scss.validate": false

}

CSS压缩工具 :默认快捷键 shift+alt+f

Markdown插件: Markdown Preview Enhanced

VS Code在一个单独的JS文件中使用jQuery智能提示 :

在你的项目根目录添加一个 jsconfig.json 文件。内容为:

{

"typeAcquisition": {

"include": [

"jquery"

]

}

}

Vetur:VSCode下强大的Vue开发工具

打开文件中有中文注释时乱码解决方案:

文件-首选项-搜索

"files.autoGuessEncoding": flase

改为

"files.autoGuessEncoding": true

vs code自带对比代码差异功能

在vscdoe的文件列表下选中待比较文件1,右键-选择以进行比较。

然后选中第二文件,右键-与已选择文件比较

小程序助手 :可以高亮显示小程序扩展名 wxss wxml

小程序开发助手:微信小程序开发助手,代码提示+ 语法高亮

支持 js,json,wxml 文件的代码提示

wxml 文件语法高亮

vscode wxml :为 VSCode 提供 wxml 语法支持及代码片段

Live Server (浏览器实时预览插件)

安装好之后,在左边工程文件鼠标右键 Open with Live Server 即可自动打开浏览器。

再编辑文件之后保存,会实时同步到浏览器。

可以通过编辑器右下角图标开启和关闭

Live Sass Compiler(实时sass编译为css)

安装Live Sass Compiler之后会自动安装 Live Server。依赖于Live Server

JS & CSS Minifier (JS和CSS压缩插件)

安装之后会在编辑器左下角的状态栏出现Minify文字提示

Css Peek (能在源代码中的字符串中找到对应的css(类和ID)。显示在那个css文件里,还有在第几行。)

在JS中启用emmet

VSCode setting.json 设置:

// 启用使用默认不支持的语言的 Emmet 缩写。在此添加该语言与支持 Emmet 的语言之间的映射。示例: {"vue-html": "html", "javascript": "javascriptreact"}

"emmet.includeLanguages":{

"javascript":"html"

}

保存时自动将SASS/SCSS 文件编译成.css和.min.css

格式化代码; 安装成功后默认鼠标右键时菜单格式化文档

代码片断新建vue组件代码片断

文件-首选项-用户片断 在弹出的输入框内输入vue.json回车

在打开的配置文件vue.json文件中输入如下代码:

{

"vue": {

"prefix": "vue", // 触发的关键字 输入vue按下tab键

"body": [

"",

"",

"",

"",

"

"export default {",

"data() {",

"return {",

"",

"};",

"}",

"}",

"",

"",

"

"",

"",

],

"description": "vue components"

}

}

使用时在*.vue后缀的文件中输入vue再按Tab即可

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30818373/article/details/112891449

智能推荐

6-10 另类堆栈 (15分)_6-3 另类堆栈 分数 15-程序员宅基地

文章浏览阅读1.3k次。在栈的顺序存储实现中,另有一种方法是将Top定义为栈顶的上一个位置。请编写程序实现这种定义下堆栈的入栈、出栈操作。如何判断堆栈为空或者满?函数接口定义:bool Push( Stack S, ElementType X );ElementType Pop( Stack S );其中Stack结构定义如下:typedef int Position;typedef struct SNode..._6-3 另类堆栈 分数 15

mybatis 总结_mybaits #{name.tostring}-程序员宅基地

文章浏览阅读102次。mybatis 总结:1,框架定义: 对于程序员来说,框架是一套资源,这套资源中会包含jar包、文档、还有些包含源码、代码示例等。2,MyBatis体系结构1,接口层:数据查询接口、数据新增接口、数据更新接口、数据删除接口、获取配置接口2,数据处理层:1)参数映射:参数映射配置、参数映射解析、参数类型解析2)SQL解析:SQL获取、SQL解析、动态SQL3)SQL执行:Simp..._mybaits #{name.tostring}

DevExpress学习之TreeList折叠、展开所有节点_wpf treelist默认展开-程序员宅基地

文章浏览阅读5.5k次。这里采用了Dev的PopupMenu控件,新增PopupMenu控件之后,在PopupMenu控件上右键选择Customize属性维护右键的菜单。展开所有节点的事件: private void barButtonItem3_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e) { foreach (TreeListNode node in this.workSp..._wpf treelist默认展开

luogu1216:数字三角形:递推元问题_21条线,共能数出多少个三角形,递推计数-程序员宅基地

文章浏览阅读156次。题目连接该题是luogu试炼场的2-12:T5题目大意给出 n, 给出一个 n 层的 正整数三角形,从上往下,找一条线,要求和最大;必须只能直接向下走,或者走右下角。题目分析递推的元问题,可以从上往下顺推也可以从下往上,逆推解题思路:a数组存原始数据,直接逆推,保证每个格子都是当前最优解因为没有后效性,所以a [ 1 ] [ 1 ]就是答案代码1:..._21条线,共能数出多少个三角形,递推计数

一起来学SpringBoot | 第十七篇:轻松搞定文件上传_springboot jetty 上传-程序员宅基地

文章浏览阅读367次。SpringBoot 是为了简化 Spring 应用的创建、运行、调试、部署等一系列问题而诞生的产物,自动装配的特性让我们可以更好的关注业务本身而不是外部的XML配置,我们只需遵循规范,引入相关的依赖就可以轻易的搭建出一个 WEB 工程文件上传和下载是JAVA WEB中常见的一种操作,文件上传主要是将文件通过IO流传输到服务器的某一个特定的文件夹下;刚开始工作那会一个上传文件常常花费小..._springboot jetty 上传

基于PC的工业自动化控制优缺点分析_基于pc的自动控制-程序员宅基地

文章浏览阅读834次。过去一段时间,在工业控制领域形成有两个竞争阵线,有些说PC能很好地用于控制,而有些人说PC永远不适合用于工厂的环境。今天,这些竞争对手很容易接受PC机用于许多工业生产控制的现状,因为一个接一个的制造商已经在部分生产中采用了PC控制方案。因此,传统上坚持PC是办公机器,不适合工厂灰尘环境的观点也会发生转变。  Beckhoff 是基于 PC 的自动化技术的先驱者之一:早在 1986 年,Beckhoff 的第一个 PC 控制系统就已问世。如今,Beckhoff 已将积累多年的专有技术应用到工业 PC 中。B_基于pc的自动控制

随便推点

content = "IE=edge,chrome=1" 详解_content="ie=edge,chrome=1-程序员宅基地

文章浏览阅读1.7k次。<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>这个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:< meta http-equiv = "X-UA-Compatible..._content="ie=edge,chrome=1

机器学习(Machine Learning)&深度学习(Deep Learning)资料-程序员宅基地

文章浏览阅读578次。机器学习(Machine Learning)&深度学习(Deep Learning)资料 -機器學習、深度學習方面不錯的資料,轉載。 -原作:https://github.com/ty4z2008/Qix/blob/master/dl.md -原作作者會不斷更新,本文更新至2014-12-21《Brief History of Machine Learning》 介绍:这是一篇介绍机器学习历

[Android] 底部菜单布局+PopupWindows实现弹出菜单功能(初级篇)_android 设置布局从底部弹出-程序员宅基地

文章浏览阅读1.1w次。这篇文章主要是自己研究如何对底部菜单进行布局,并简单的实现点击不同"按钮"实现图片切换和背景切换的功能,最后通过PopupWindows实现弹出菜单,点击不同按钮能实现不同方法,相当于美图秀秀编辑图片的功能吧!它并没有涉及到Fragment碎片切换页面的功能,因为页面始终显示被处理的图片.这是我初学Android的一篇基础性文章和在线思想笔记,网上有很多更优秀的demo,不过也希望对大家有所帮助,尤其是初学者~_android 设置布局从底部弹出

FREE_RTOS移植流水账_error:freertos\portable\rvds\arm_cm3\port.c,378-程序员宅基地

文章浏览阅读313次。FREE_RTOS移植流水账做了一次FREERTOS的移植,移植到NXP1788芯片上,环境KEIL5,流水账记录一下。我是参考野火和正点原子的教程做的移植。以下几点需注意。1、准备好一个编译运行无误的固件库例程,顺便吐槽一下,LPC1788官方给的固件库,用keil5编译出来是有问题的,有两类,1是枚举类型混用,2是无意义的比较,就是类似 uint8 >=0 这种。不知道最新的固件库有没有修正,有遇到同样问题的,可以直接把这两个警告编号屏蔽掉,不影响使用。2、移植 FreeRTOSConfi_error:freertos\portable\rvds\arm_cm3\port.c,378

web学习笔记-servlet_web自学笔记-程序员宅基地

文章浏览阅读4.1k次。web学习笔记-servlet概念servlet是一个小应用程序,用于处理从客户端发送的请求及服务端的响应。详情参见: 百度百科的定义在idea创建servlet在src右键新建servlet,如图所示:然后会报异常可以下载包,也可以添加tomcat中的包,添加tomcat—>lib—->servlet-api.jar作为libraries。然后再打开web.xml此时会发现多出一个servle_web自学笔记

如何在高并发分布式系统中生成全局唯一Id_guid 多线程会重复吗-程序员宅基地

文章浏览阅读3.2k次。一些精彩评论(部分更新到原博文对应的地方)一、数据库文件体积只是一个参考值,可水平扩展系统性能(如nosql,缓存系统)并不和文件体积有高指数的线性相关。如taobao/qq的系统比拼byte系统慢,关键在于索引的命中率,缓存,系统的水平扩展。如果数据库很少,你搞这么多byte能提高性能?如果数据库很大,你搞这么多byte不兼容索引不兼容缓存,不是害自已吗?如果数据库要求伸缩性,你搞这么多byte,需要不断改程序,不是自找苦吗?如果数据库要求移植性,你搞这么多byte,移植起来不如重新设计,这_guid 多线程会重复吗

推荐文章

热门文章

相关标签