Gblfy_Blog

开启VScode的nvue、vue文件类型支持 - 代码高亮

企业方案 vscode

场景:开发时，明明写的是双引号，可格式化后就所有变双引号了…javascript解决方案:进入用户设置，在setting.json中添加以下: "prettier.semi": true, "prettier.singleQuote": true, // 是否在末尾添加分号 "prettier.semi": true, // 如果为true，将使用单引号而不是双引号 "prettier.singleQuote": true,...

文章目录1. 初始化Git仓库2. 新建分支3. 提交4. 同步远程4.分支切换5. 合并分支1. 初始化Git仓库使用**ctrl+`**召唤出命令窗口# 初始化Git仓库git init2. 新建分支点击右下角的master，上方就会出现一个输入框，点击+正在创建新分支，输入新分支名称，点击回车即可创建新分支在输入框中输入新分支的名称3. 提交提交代码至本地仓库在项目中修改或者新增一个文件（项目文件内容或者个数发生变化即可）演示：User.vue文件中添加&lt

我们希望每次新建.vue文件后，VSCODE能够根据配置，自动生成我们想要的内容。打开VSCODE编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，我们输入vue， 如下：选择vue后，VSCODE会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中：{ "vue file init": { "prefix": "vue", "body": [ "<!-- $0 -->", "<template&

{ // 主题颜色 浅色主题 "workbench.colorTheme": "Monokai", "workbench.iconTheme": "vscode-icons", //图标主题 "git.autofetch": true, "window.zoomLevel": 0, "editor.fontSize": 20, "javascript.updateImportsOnFileMove.enabled": "always", "editor.detectInden

文章目录1. 安装插件2. 启用Rainbow Fart3. 效果图1. 安装插件Rainbow Fart2. 启用Rainbow Fartctrl + shirt + p输入Rainbow Fart回车（Enter）打开open3. 效果图

文章目录1. 安装插件2. 效果图1. 安装插件2. 效果图

在书写HTML代码的时候，快速编辑下一行快捷键非常好用。系统快捷键windowsctrl + Entermaccommand + Enter

文章目录一、原因二、说明三、显式项目四、解决方法（3选1）4.1. 配置Vetur插件，忽略提示4.2.在项目根目录创建jsconfig.json文件4.3.在项目根目录创建vetur.config.js文件一、原因Vetur 0.31.0版本新增了一个vetur.config.js的配置文件，在这个版本之后，会优先查找项目中是否配有tsconfig.json（ts项目）或者jsconfig.json（js项目），没找到这2个文件就去找vetur.config.js，如果都没有，就会抛出这个提示。

文章目录1. 效果图2. 用法1. 效果图2. 用法一旦你安装了该插件你重启VS Code后会在右下角收到一个该插件的提示，这时你要点击Activate激活icons。你也可以通过点击以下功能来激活它(VS Code中可能存在很多主题，想用哪个就激活哪个)。Linux & Windows => File > Preferences > File Icon Theme > VSCode Icons.MacOS => Code > Preferences

ctrl+shirt+p 搜索settings.json替换为下面内容即可{ "workbench.iconTheme": "vscode-icons", "vsicons.dontShowNewVersionMessage": true, "editor.fontSize": 18, "editor.formatOnSave": true, // #每次保存的时候自动格式化 "editor.codeActionsOnSave": { // #每次保存的时候将代码按

文章目录一、字体资源地址二、效果图2.1. JS 代码效果2.2. CSS 文件效果2.3. HTML 文件效果一、字体资源地址FiraCode 和 Operator Mono 字体下载地址二、效果图话不多说，先上图，看看效果是不是大家需要的，咱们再继续往下看：2.1. JS 代码效果2.2. CSS 文件效果2.3. HTML 文件效果这里的白色背景主题是可以更换的，主要是字体，如果觉得我这个白色背景丑的，请不要在意这些细节，哈哈哈二、设置字体下载字体：这里需要安装两种字

默认是空的，我设置的快捷键是shift +alt+d 转换为大写shift +alt+x 转换为小写

文章目录一、1.一、1.

官网地址：https://code.visualstudio.com/

文章目录1. 关键词批量选中2. 末尾批量编辑3. 垂直批量编辑4. 垂直批量选中5. 批量选中整行6. 批量复制整行1. 关键词批量选中Ctrl+d 选中相同的词句，批量编辑2. 末尾批量编辑shirt+alt+i移动到最后，批量编辑3. 垂直批量编辑Ctrl+alt+↓垂直批量编辑4. 垂直批量选中Ctrl+alt+↓垂直批量编辑，按住shirt+←向左批量选中，按住shirt+→向右批量选中5. 批量选中整行Ctrl+l选中当前行，按住shirt+↓，可以批量选中6

文章目录一、基础配置1. 中文界面2. 高效插件3. vue代码片段4. 全局配置settings.json5. VSCode 常用快捷键一、基础配置1. 中文界面中文界面2. 高效插件VSCode 高效必备开发插件3. vue代码片段Visual Studio Code Vue代码片段4. 全局配置settings.jsonVisual Studio Code 全局配置5. VSCode 常用快捷键VSCode 常用快捷键...

ctrl+shirt+p 搜索settings.json替换为下面内容即可{ "workbench.colorTheme": "Monokai", "workbench.iconTheme": "vscode-icons", "eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [ "javascript", // 用eslint的规则检测js文件

说明快捷键如果不选中，默认复制或剪切一整行Ctrl+C Ctrl+V行移动Alt + ↑/↓行注释Ctrl + /块注释Alt + Shit + A格式化Alt + Shit + F切换到下一个 / 上一个编辑点Alt + → / ←当前编辑窗口查找 / 替换Ctrl + F / H工作区内查找 / 替换Ctrl + S...

文章目录一、初始化模板1. 初始化.vue文件模板2. template 作用域插槽模板二、响应提示篇1. error 响应！200提示2. success 响应200提示三、axios请求篇1. axios get请求2. axios post请求3. axios put请求4. axios delete请求四、事件篇4.1. @click Event4.2. confirm Event4.3...

https://blog.youkuaiyun.com/zdhsoft/article/details/70241372

https://blog.youkuaiyun.com/Jo_liver/article/details/86767826

2.1 文件图标 vscode-icons插件名称：vscode-icons插件地址：https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons首先为了我们在编码时有一个高效、易用的界面，我们需要对一些不明了的组件做一些美化。vscode-icons 插件可以实现对各种文件类型的文件前的...