VsCode Vue代码及插件配置

visual code vue代码settings.json配置

代码格式化使用prettier - Code formatter

插件使用

{
  "workbench.iconTheme": "vscode-icons",
  "files.autoSave": "afterDelay",
  "liveServer.settings.CustomBrowser": "chrome",
  "editor.formatOnSave": true,
  "html.format.indentInnerHtml": true,
  "html.format.indentHandlebars": true,
  "eslint.format.enable": true,
  "prettier.requirePragma": true,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  //分号
  "prettier.semi": false,
  //单引号包裹字符串
  "prettier.singleQuote": true,
  //html格式化依赖  默认为none
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  //函数前加空格
  // "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  //没有下边这个 上边不生效
  "vetur.format.defaultFormatter.js": "vscode-typescript",
}

  

原文地址:https://www.cnblogs.com/yang6/p/12426480.html

时间: 2024-08-30 16:34:52

VsCode Vue代码及插件配置的相关文章

团队协作统一vue代码风格,vscode做vue项目时的一些配置

1. 安装Vetur 扩展 主要是用于让vscode能识别vue文件,对vue代码进行高丽处理,并且它内置了一些代码格式化的设置 2. 安装ESLint 如果你的项目已经开启了eslint规范, 再有多余的空格,或者空行,会有红色波浪线提示. 但是光有提示还不够,还希望在ctrl + s保存的时候自动帮我们处理这些小问题.其实那些js规范,大部分人错得多的地方无非就是个空格与空行的问题 文件 -> 首选项 -> 设置 将以下配置填入 worksapce settings { "edi

#VSCode保存插件配置并使用 gist 管理代码片段

setting sync 保存配置 由于公司和家里都使用 VSCode 作为主要编辑器,同步配置是最紧要的.VSCode 提供了setting sync插件,很方便我们同步插件配置.引用网上教程: 在左侧的 sidebar 选中最后一个,搜索 Sync,不出意外,你会从前几个中找到下载量很高的那个 Settings Sync: 安装后,摁下 Ctrl + Shift + P 打开控制面板,搜索 Sync,选择 update/upload 可以上传你的配置,选择 Download 会下载远程配置:

1、MyEclipse插件配置以及通过MyEclipse生成表对应的JPA代码

 去除MyEclipse插件的方式是打开:WindowàCustomize Perspective窗口进行插件配置: 取出下图中不常用的插件勾,最终点击OK. 3.点击OK之后显示的效果图如下: 发现上图框中的内容变少了. 二.MyEclipse中通过数据库生成hbm文件的方式: 1:点击如下: 点击后出现下图: 新建一个web项目WebProjectTest 右击WebProjectTest àMyEclipse-àAdd Hibernate Capalicity 再建立一个包sy.mod

open live write 代码高亮插件的配置和使用

第一步:下载open live writer插件,下载地址:http://www.cnblogs.com/memento/p/5995173.html 最新插件下载地址:Memento.OLW_V1.0.0.5.7z 第二步:找到open live writer的安装目录,并在目录下创建文件夹Plugins 第三步:解压缩插件的压缩包Memento.OLW_V1.0.0.5.7z,并把文件都拷贝到Plugins文件夹中 第四步:右键选择每一个文件的属性,看是否有解除锁定,如果有,选择解除,斌确认

关于VSCode的一些常用插件和一些常用设置

常用插件: 1.Beautify :格式化 html ,js,css 2.Bracket Pair Colorizer :给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色 3.Debugger for Chrome :映射vscode上的断点到chrome上,方便调试 4.HTML CSS Support :智能提示CSS类名以及id 5.HTML Snippets :智能提示HTML标签,以及标签含义 6.JavaScript(ES6) code snippets

vue UI 告别webpack配置

目录 vue UI 告别webpack配置 开始体验 创建项目 项目细节 1. 插件 2. 依赖 3. 配置 4. 任务 总结 vue UI 告别webpack配置 vue-cli 3.0 的候选版本也已经发布多时了.vue-cli 3.0 版本为我们提供了集 创建.管理.分析 为一体的可视化界面vue ui,妈妈再也不用担心我不懂配置啦~让我们来一起尝尝鲜吧~ #安装最新版的vue-cli npm install -g @vue/cli #yarn/npm 安装(二选一) yarn globa

Vue 去脚手架插件,自动加载vue文件

接上回 一些本质 本质上,去脚手架也好,读取vue文件也好,无非是维护options,每个Vue对象的初始化配置对象不触及Vue内部而言,在外部想怎么改都是可以的,只要保证options的正确,一切都不是问题. 读取 读取不用再聊了,一句话,远程请求,只要服务器答应,这个不麻烦. 读取之后的处理 上回,忙着把他渲染出来,所以都没想过其他事情,那可做的事情其实很多. 例如 1. 放到localstrage里面存起来,这对于复用组件是会提速很多的不用http协议传输,只在本地读取一个字符串 2. 或

Vue基础(环境配置、内部指令、全局API、选项、内置组件)

1.环境配置 安装VsCode 安装包管理工具:直接下载 NodeJS 进行安装即可,NodeJS自带 Npm 包管理工具,下载地址:https://nodejs.org/en/download/安装完成后在命令行执行以下命令查看npm包管理器版本 npm -v npm中文文档:https://www.npmjs.cn/ 配置淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 然后执行 cnpm -v 查看版本信

Gvim各种插件配置(windows环境下)

1.Vundle插件:https://github.com/gmarik/Vundle.vim 用于管理Vim插件,安装此插件需要系统中已安装git,参考链接:Git for Windows安装和基本设置 在Vim/vimfiles路径下新建文件夹bundle,然后在此文件夹下克隆github上的vundel项目: 完成后会在bundle文件夹下看到Vundle.vim文件夹下的内容,开始配置vundle: 在.vimrc文件中添加如下代码: 1 filetype off 2 3 "Vundle