专栏首页前端之路VSCode安装与配置

VSCode安装与配置

总结各种vscode插件,备份自己的设置


VsCode官网


常用插件

* HTML Snippets: H5代码片段以及提示
* Auto Close Tag : 匹配标签,关闭对应的标签。
* Auto Rename Tag : 当修改HTML/XML标签时,会自动修改与之对应的开始/结束标签。
* vscode-icon:让 vscode 资源树目录加上图标。
* Path Intellisense:路径智能提示。
* Eslint:代码检查。
* Settings Sync:VSCode设置同步到Gist。
* Document This:生成js 的注释模板,不过最新版的vscode已原生支持(命令为/**+回车)。
* Beautify:通过配置.jsbeautifyrc文件,可以格式化 javascript, JSON, CSS, Sass, 和HTML文件。

Vue相关插件

* vetur:语法高亮、智能感知、Emmet等。
* VueHelper:Vue代码智能提示(包括Vue、vue-router、vuex)。

自定义配置文件

{ “workbench.colorTheme”: “Tomorrow Night Blue”, “workbench.iconTheme”: “vscode-icons”, //用于在Vue中体验Emmet “emmet.syntaxProfiles”: { “vue-html”: “html”, “vue”: “html” }, //配置Eslint “eslint.validate”: [ “javascript”, “javascriptreact”, “html”, “vue” ], //设置字体大小 “editor.fontSize”: 26, “editor.tabSize”: 2, “files.associations”: { “.vue”: “vue” }, //Vetur默认使用 eslint-plugin-vue来检测 .ejs”: “html”, “*.js”: “html” } }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue2.0实现在线商城

    大象无痕
  • 封装用于vue项目使用的jsonp库

    大象无痕
  • –[New] Vue中使用Sass

    大象无痕
  • vscode下eslint代码规范

    用户1141560
  • vscode emmet被覆盖,vue文件tab无法补全html标签

    "emmet.syntaxProfiles": { "vue-html": "html", "vue": "html" }

    botkenni
  • JSP页面之间传递中文参数的解决方法

    <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>

    魏晓蕾
  • 完全媲美sublime的编辑器-Atom 原

    前端可视化插件神器,配合谷歌浏览器一起使用。本质是监控文件修改,实时刷新浏览器,需要安装livereload插件和node.js插件,全局刷新

    晓歌
  • 移动H5性能测试平台解决方案

    1 平台的目的 说到H5性能测试,大家想到最多的是在PC端利用Firebug、Fiddle和HttpWatch等工具进行测试和性能指标的分析,但是如果我们测试的...

    腾讯移动品质中心TMQ
  • iOS开发:与网页加载相关的字符串操作技巧

    陈满iOS
  • 【腾讯TMQ】移动H5性能测试平台解决方案

    说到H5性能测试,大家想到最多的是在PC端利用Firebug、Fiddle和HttpWatch等工具进行测试和性能指标的分析,但是如果我们测试的是Android...

    腾讯移动品质中心TMQ

扫码关注云+社区

领取腾讯云代金券