vscode -- vetur 配置

{
“editor.tabSize”: 2,
“search.followSymlinks”: false,
“git.autorefresh”: false,
“explorer.confirmDelete”: false,
“[html]”: {
“editor.defaultFormatter”: “HookyQR.beautify”
},
“background.style”: {
“content”: “’’”,
“pointer-events”: “none”,
“position”: “absolute”,
“z-index”: “99999”,
“width”: “50%”,
“height”: “100%”,
“background-position”: “50% 50%”,
“background-repeat”: “no-repeat”,
“opacity”: 1
},
“liveServer.settings.useWebExt”: true,
“liveServer.settings.donotShowInfoMsg”: true,
“workbench.sideBar.location”: “left”,
“background.enabled”: false,
“liveServer.settings.fullReload”: true,
“livereload.port”: 5500,
“editor.largeFileOptimizations”: false,
“[javascript]”: {
“editor.defaultFormatter”: “HookyQR.beautify”
},
“files.autoSave”: “afterDelay”,
“editor.wordWrap”: “bounded”,
“editor.wordWrapColumn”: 160,
“files.associations”: {},
“beautify.language”: {
“js”: {
“type”: [
“javascript”,
“json”,
“jsonc”
],
“filename”: [
“.jshintrc”,
“.jsbeautifyrc”
]
},
“css”: [
“css”,
“less”,
“scss”
],
“html”: [
“htm”,
“html”
]
},
“workbench.colorTheme”: “Default Light+”,
“window.zoomLevel”: 3,
“html.format.contentUnformatted”: “”,
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode 是一款非常流行的代码编辑器,而 Vue.js 可以说是前端开发的最爱之一,因此在使用 VSCode 进行 Vue.js 的开发过程中配置 Vetur 就显得尤为重要。 Vetur 是一款 Vue.js 语言服务插件,集成了 Vue.js 的语法高亮、Emmet 等等功能,可以让开发者更加方便地编写 Vue.js 代码。 安装 Vetur 很简单,可以直接在 VSCode 商店内进行搜索并安装即可。如果不清楚如何安装可以参考以下操作: 打开 VSCode,点击左侧的扩展图标,输入 Vetur 搜索,然后点击安装。安装完成后,VSCode 会提示你重新加载配置,点击即可自动重新加载,当重新加载完成后,Vetur 就可以正常使用了。如果安装出现问题,可以在 GitHub 官网查看安装教程。 安装完成后,我们需要在工作区中添加 Veture 配置,打开工作区文件夹,新建 .vscode 文件夹,然后在该文件夹中创建一个名为 settings.json 的文件,然后在这个文件中添加如下配置: { "vetur.format.defaultFormatter.html": "prettier", "vetur.format.defaultFormatter.js": "prettier", "vetur.format.defaultFormatter.css": "prettier", "vetur.format.defaultFormatter.less": "prettier", "vetur.format.defaultFormatter.postcss": "prettier", "vetur.format.defaultFormatter.scss": "prettier", "vetur.format.defaultFormatter.stylus": "stylus-supremacy", "vetur.format.options.useTabs": true, "vetur.format.options.tabSize": 2, "vetur.ignoreProjectWarning": true, "vetur.validation.template": false } 以使用 Prettier 作为默认的代码格式化工具,可以非常容易地格式化你的代码。此外,还可以根据自己的需求对一些其他格式化工具进行配置。 如果你使用的是 Stylus 或者其他一些特定的 CSS 预处理器,可以根据需要安装相应的插件,然后在配置文件中进行配置。 总之,使用 Vetur 配置 VSCode 的 Vue.js 开发环境,可以极大地提升我们的工作效率,加速代码的开发和调试过程,使用体验非常优秀,非常值得你去尝试。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值