介绍//,vscode默认启用了根据文件类型自动设置tabsize的选项
“editor.detectIndentation"才能:,假的,//,才能重新设定tabsize
“editor.tabSize"才能:,2,//才能,#每次保存的时候自动格式化
“editor.formatOnSave"才能:,真的,//,,,,#让函数(名)和后面的括号之间加个空格
“javascript.format.insertSpaceBeforeFunctionParenthesis"才能:,真的,
,//,,,,#让漂亮使用eslint的代码格式进行校验
“prettier.eslintIntegration"才能:,真的,//,,,,#去掉代码结尾的分号
“prettier.semi"才能:,假的,//,,,,#使用带引号替代双引号
“prettier.singleQuote"才能:,真的,
,//才能,#每次保存的时候将代码按eslint格式进行修复
“eslint.autoFixOnSave"才能:,真的,//,才能添加,vue 支持
“eslint.validate"才能:,
,,,“javascript",
,,,“javascriptreact",
,,,{
,,,,,“language":,“vue"
,,,,,“autoFix":真实
,,,}
,,,
,,//才能,#这个按用户自身习惯选择
“vetur.format.defaultFormatter.html"才能:,“js-beautify-html"
“vetur.format.defaultFormatter.less"才能:,“prettier"
“vetur.completion.autoImport"才能:,真的,
“vetur.format.defaultFormatter.js"才能:,“vscode-typescript"
“vetur.format.defaultFormatterOptions"才能:,{
,,,“js-beautify-html":, {
,,,,,“wrap_attributes":,“force-aligned"
,,,}
,,}, devtool:, & # 39; source-map& # 39;, module.exports =, {
,,configureWebpack: {
,,,devtool:, & # 39; source-map& # 39;
,,}
} {
“version"才能:,“0.2.0"
“configurations"才能:,
,,,{
,,,,,“type":,“chrome"
,,,,,“request":,“launch"
,,,,,“name":,“vuejs:, chrome"
,,,,,“url":,“http://localhost: 8080“,
,,,,,“webRoot":,“$ {workspaceFolder}/src"
,,,,,“breakOnLoad":,真的,
,,,,,“sourceMapPathOverrides":, {
,,,,,,,“webpack:///src/*“:,“$ {webRoot}/*”;
,,,,,}
,,,},
,,,{
,,,,,“type":,“firefox"
,,,,,“request":,“launch"
,,,,,“name":,“vuejs:, firefox"
,,,,,“url":,“http://localhost: 8080“,
,,,,,“webRoot":,“$ {workspaceFolder}/src"
,,,,,“pathMappings":, [{,“url":“webpack:///src/,,,“path":,“$ {webRoot}/?}]
,,,}
,,)
}
这篇文章给大家分享的是有关vscode如何支持vue的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
需要插件:ESLint,漂亮——代码格式化程序,Vetur
打开用户设置文件:
保存代码自动按照eslint格式化。
<强>断点调试(需安装调试器对Chrome)
1,在浏览器中展示源码如果你使用的是Vue CLI 2,请设置并更新配置/索引。js内的devtool属性:
如果你使用的是Vue CLI 3,请设置并更新vue.config。js内的devtool属性:
2, vscode中点击在活动栏里的调试器图标来到调试视图,然后点击那个齿轮图标来配置一个发射。json的文件,选择Chrome/Firefox:启动环境,然后将生成的发射。json的内容替换成为相应的配置:
感谢各位的阅读!关于“vscode如何支持vue”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
