本人是一名C++程序员，最近因为工作的原因需要使用Electron开发一个小软件，所以从未使用过前端技术的我需要快速学习HTML、CSS、ES6、Node.js、VUE等一大堆东西，开发环境也从常用的Visual Studio 2010\2015切换到了Visual Studio Code。不得不说VSCode很优秀，但确实不熟悉，经过大量的猜测及实践，我将过程整理如下：通过electron-vu
1、打开文件-----首选项------设置 点击右上角打开配置文件复制下面代码段。{
// VScode主题配置
"editor.tabSize": 4,
"editor.lineHeight": 30,
"editor.fontSize": 18,
"editor.cursorBlinking": "smooth",
"editor.multiC
最近团队在制定开发规范，对Eslint制定了统一的规范1、.eslintrc.js内容如下：module.exports = {
env: {
browser: true,
es6: true,
node: true
},
plugins: ['vue'],
extends: 'plugin:vue/recommended', //最严格校验模式
glo
自动格式化插件 Prettier-Code formatter Vetur Eslint 首选项》设置》 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.ta ...
转载
2021-09-11 23:04:00
1358阅读
2评论
根据我项目.eslintrc.js相对应配置 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "e
原创
2021-07-08 11:08:51
445阅读
vscode中只要安装了C/C++扩展后，在C/C++源文件中右键就能看到格式化文档的选项，这样就能通过该选项或者其快捷键（Shift+Alt+F）来实现快速格式化代码。安装了C/C++扩展同时会自动安装clang-format，通过配置.clang-format文件可以对代码格式化进行一些自己的设置。这样就可以按照自己的设置来进行一键格式化了。在vscode首选项中有一些相关设置。
C_C
目标使用 Eslint 规范代码。格式化代码时使用 Eslint 规范。工具VSCodeEslintPrettier二步实现1. 让 vscode 格式化时默认使用 Prettier打开 settings.json 配置文件：On Windows/Linux - File > Preferences > Settings
On macOS - Code > Preferences
这几天被eslint搞疯了 写代码一直报错 连代码格式化也起冲突 简直气的砸电脑 接下来教大家如何配置vscode和eslint一样的格式化规则： 首先要声明的是 1、目前还没找到插件可以自动配置和eslint一样的格式化规范 有的话请留言告诉我 让我也学习一下 2、每个人的eslint中都有自己加的规则 或者继承别的规则 所以每个人的配置都不大一样 我这边的配置代码时根据eslint的默认配置走
在vscode的setting.json里面增加以下配置。
原创
2022-08-14 00:27:50
959阅读
打开设置->设置 搜索 settings.json 编辑配置 //autoFixedOnSave 设置已废弃，采用如下新的设置 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": ...
转载
2021-08-19 18:25:00
1926阅读
2评论
prettier是一个专业代码格式化工具，支持JS、TS、sass、less、HTML、java、yaml、md、swift等等，主流的语言大多都支持。提供了VS、VSC 、Vim 、Atom、sublime 、WebStorm 等 IDE/编辑器插件，可以很方面安装及使用。下面介绍下 vscode 下的 配合eslint检查 vue代码的相关配置介绍和一些问题。prettier 的配置
本文以vue项目举例一、安装 Eslint安装eslint插件二、安装 Prettier-Code formatter插件需要安装这个 代码格式化插件否则会提示 Extension 'esbenp.prettier-vscode' is configured as formatter but not available. Select a different default formatter t
前言使用vscode开发vue项目的时候，为了编码格式的统一化，使用eslint规范进行格式化。此时通过eslint插件可以实现对vue代码的自动格式化。使用方式在vscode的插件模块处，搜索eslint。找到下面的插件。安装完成后，进行配置。file --> preferences --> setting找到eslint。打开setting.json。在里面配置如下代码：{
"
原创
2021-06-03 20:07:23
4336阅读
问题描述：vscode格式化后，单引号变成双引号，自动加了尾随逗号，导致出现eslint报错，必须要单引号和“Unexpected trailing comma” 解决措施： 第一步：在根目录建.prettierrc.json文件 第二步：在.prettierrc.json里加入设置，保存 { "s ...
转载
2021-08-22 06:34:00
1303阅读
2评论
一、配置eslint1、安装配置文件中依赖包：cnpm install eslint babel-eslint eslint-plugin-html eslint-config-standard eslint-plugin-standard eslint-plugin-promise eslint-plugin-node -D2、.eslintrc.js文件module.exports = {
一、EslintEslint 是用来检测和规范代码格式的工具，应用在工程化项目中，可以保证项目代码格式的一致性和规范性，大大提升了代码的可读性。 二、配置过程本博客是讲述对一个已经引用 eslint 依赖Nuxt项目（vue项目应该相同），在使用VScode进行开发时，如何配置VScode在保存时，自动 eslint 格式化，并修改部分 eslint 规则，使其不与自动格式化的规则相冲突
转载
2023-08-21 17:37:18
2290阅读
1. 打开vscode配置的方法在vscode界面按F1键打开命令面板,输入settings,选择Open Settings(JSON)(这个是全局生效的配置,如果选择Open Workspace Settings(JSON)则只对当前工作空间生效,建议选择全局配置)2. 代码注释插件配置打开Extensions侧边栏，搜索koroFileHeader插件并安装打开vscode配置,在配置文件中添
推荐几个非常实用的 VS Code 插件. 附 gif 图.提升开发效率的插件1. Better Comments Better Comments 你可以使用不同的前缀来让注释显示为不同的颜色。 非常适合快速扫描并发现重要的代码片段。 若使用的话, 建议团队统一规范.感谢评论区推荐: Todo Tree，虽然只能标记TODO和 FIXME，但是可以标注在html注释当中，并且在边上导航
我们在使用vsCode过程中格式化代码，使用Ctrl+Shift+F，会将单引号变为双引号，会无缘无故的添加逗号。解决办法：在项目的根目录下创建 .prettierrc文件。如下内容{
"semi": false,
"singleQuote": true,
"trailingComma": "none"
}
转载
2021-04-02 11:14:13
970阅读
2评论
前言编辑器代码风格一致，是前端代码规范的一部分。同一个项目，或者同一个小组，保持代码风格一致很必要。就拿vue项目来说，之前做的几个项目，很多小伙伴代码格式化用的是vue-beautify ,这个格式化工具有个明显的缺点，就是三元不等式明明可以一行显示，非得格式化成3行
转载
2021-07-14 17:56:09
867阅读
