更漂亮的格式化一个Vue组件时，我不希望它
占用太多的代码行数，有什么好的解决方案吗？
在Vue组件中，可以使用Vue的单文件组件（Single File Component）来更漂亮地格式化组件代码，并减少代码行数。单文件组件将组件的模板、样式和逻辑都放在一个文件中，使得代码更加清晰和易于维护。
单文件组件的文件后缀通常为.vue，它由三个部分组成：<template>、<script>和<style>。其中，<template>用于定义组件的模板，<script>用于定义组件的逻辑，<style>用于定义组件的样式。
使用单文件组件可以将Vue组件的代码结构化，使得代码更易读、易维护。同时，单文件组件还提供了一些优势和应用场景：
- 优势：
- 结构清晰：将模板、逻辑和样式分离，使得代码结构更清晰，易于理解和维护。
- 可复用性：单文件组件可以被其他组件引用和复用，提高代码的可复用性。
- 组件化开发：单文件组件符合组件化开发的思想，可以将页面拆分为多个组件，提高开发效率。
- 支持预编译：单文件组件可以通过构建工具进行预编译，提高运行效率。
- 应用场景：
- 复杂页面：对于复杂的页面，使用单文件组件可以将页面拆分为多个组件，提高代码的可维护性和可读性。
- 多人协作：在多人协作的项目中，使用单文件组件可以使不同开发者专注于各自的组件开发，提高开发效率。
- 组件库开发：对于需要开发组件库的场景，使用单文件组件可以方便地定义和管理组件，提高组件的可复用性。
对于Vue组件的格式化，可以使用一些工具和插件来辅助完成，例如：
- Prettier：Prettier是一个代码格式化工具，可以自动格式化Vue组件的代码，使其符合统一的代码风格。可以通过在项目中配置Prettier，并使用相关的编辑器插件来实现自动格式化。
- ESLint：ESLint是一个JavaScript代码检查工具，可以通过配置规则来检查和格式化Vue组件的代码。可以通过在项目中配置ESLint，并使用相关的编辑器插件来实现代码检查和格式化。
- Vue CLI：Vue CLI是Vue官方提供的脚手架工具，可以快速搭建Vue项目，并提供了一些代码格式化的功能。可以通过Vue CLI的插件或配置文件来实现Vue组件的格式化。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。产品介绍链接
- 腾讯云云数据库MySQL版：提供稳定可靠的云数据库服务，支持高可用、备份恢复等功能。产品介绍链接
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于图片、音视频、文档等各类文件的存储和管理。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。产品介绍链接
- 腾讯云区块链服务（BCS）：提供安全高效的区块链服务，支持快速搭建和管理区块链网络。产品介绍链接
- 腾讯云视频处理（VOD）：提供强大的视频处理能力，包括转码、截图、水印等功能。产品介绍链接
- 腾讯云移动开发（MPS）：提供全面的移动开发解决方案，包括移动应用开发、推送服务、移动分析等。产品介绍链接
相关·内容
如何正确地设置更漂亮的行，以及在vue文件和类型记录代码中遇到冲突的vue指针？
举个例子：
默认值：结束括号(在本例中为->闭包li)位于行的下一行。
<template>
<div>
<li
class="o-playtime__head__info__tags__item"
v-if="playtimeItemObject.event.ageRecommendation"
>
...
</div>
</div>
</t
浏览 3提问于2020-09-23得票数 2
回答已采纳
1回答
在执行npm run serve时。我收到了很多来自linter的警告，我无法找到和配置
Module Warning (from ./node_modules/eslint-loader/index.js):
warning: Insert `;` (prettier/prettier) at src\main.js:1:22:
> 1 | import Vue from "vue"
例如，我的VsCode被设置为在更漂亮的扩展中使用4空格作为选项卡，但是在运行相同的加载程序时警告我，因为它希望我使用两个空格缩进。
我无法确定在何处/如何配置eslint加载器本身，以便
浏览 0提问于2019-04-29得票数 1
回答已采纳
我正在尝试解决在VSCode中保存格式化的问题。我没有安装作为一个独立的扩展的漂亮。我已经安装了eslint。我正在处理打字文件。 在我的编辑器中，我看到了尾随逗号的警告，当我点击保存时，我看到尾随逗号消失了，然后又出现了。我意识到我在.eslintrc.js文件中将尾随逗号设置为"none“，在.prettierrc.js文件中将其设置为"always”。它们都在下面。 我也安装了Vetur，但我认为我只在保存时运行vetur，因为我的vsconfig文件指定了以下内容： "editor.codeActionsOnSave": {
"so
浏览 96提问于2020-09-06得票数 1
1回答
作为附件映像，左部分是手动进行的对齐，但是当我使用vscode格式化代码文件时，对齐就会中断(作为右部分)。
这是我的vscode格式设置：
"editor.formatOnSave": true,
"javascript.format.insertSpaceBeforeFunctionParenthesis": false,
"javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false,
浏览 4提问于2022-09-29得票数 0
我对.vue中更漂亮的代码有一个小问题。从一段时间以来，当我保存我的文件时，我会遇到这样的问题：
这是我的.prettierrc.js文件：
module.exports = {
bracketSpacing: true,
trailingComma: "es5",
tabWidth: 2,
semi: false,
singleQuote: false,
}
浏览 3提问于2019-11-29得票数 0
回答已采纳
6回答
我现在已经读到了大约10-15个其他答案，没有一个解决方案(它们都是相同的-3或4)对我有用。我使用的是更漂亮的和Vetur，我还在VSCode中安装了VSCode扩展。在过去的3天里，我至少检查了10次设置，试图触摸所有的东西，关闭/打开VSC并保存为格式，检查问题是否仍然存在，并继续这样做，每个设置一个一个试图消除嫌疑人。我来到这里是出于绝望的最后一步，我希望能够在不破坏html标记的情况下保存我的组件，并将代码分离成难以辨认的BS。
我期望的代码格式如下所示：
<button
class="btn btn-success"
@click="s
浏览 4提问于2020-10-12得票数 8
回答已采纳
2回答
我有一个.vue文件，当我保存它时会自动格式化它。这是伟大的，但我有一个问题，我无法理解，也无法摆脱。按照本指南，，我已经设置VS代码使用Vetur，美化-js和ESLint。
在.vue文件中，我有一个简单的数组。当我保存文件时，它会闪烁100 it，如下所示：
然后像这样被拯救：
然后，ESLint抱怨两件事：
“8个空格的扩展缩进，但发现0.eslint(缩进)”
和
“尾部空间不包括allowed.eslint(无尾随-空格)”
我同意ESLint的观点，不想压制这些错误。其他格式都很好，但JS不是数组。我相信这是js-美化文档的格式(因此链接的文章
浏览 2提问于2019-06-11得票数 2
我已经设置了一个新的Vue 3项目与Eslint和更漂亮的配置。但是当改变HelloWorld.vue的格式时，我看到了一些丑陋的东西
<a
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
rel="noopener"
target="_blank"
>babel</a
>
我想要更紧凑、更易读的东
浏览 6提问于2021-06-10得票数 0
当我使用更漂亮的格式格式化HTML文件时，它看起来如下所示：
<nav>
<ul>
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="About">About</a></li>
<li><a href="#" title="Sign Up">Sign
浏览 6提问于2021-12-17得票数 1
回答已采纳
30回答
当我对Vue Component.vue文件执行Component.vue命令时，VSCode将所有单引号字符串替换为双引号字符串。
在我的具体情况下，这个规则与需要单引号的电子vue lint配置相冲突。
我没有安装更漂亮的扩展(我的设置中没有prettier.singleQuote )
如何自定义VSCode以避免这种情况？
浏览 5提问于2018-02-19得票数 214
回答已采纳
当我打开CSS中的花括号并点击enter时，它只跳到下一行，如下所示：
body {
}
它没有像以前那样添加一个带有缩进的新行，我试着查看设置并尝试一切，但是没有得到结果。当我按Enter键时，我希望它看起来像这样：
body {
}
浏览 12提问于2022-08-08得票数 1
回答已采纳
我只想排除js, jsx以及vue，以及 文件，我想应该是这样的： prettier --check --write --ignore-unknown "**/*.{!js,jsx,vue}"
浏览 66提问于2021-02-21得票数 0
回答已采纳
<template>
<div class="d-flex flex-grow-1" onclick="console.log('testing...');" style="display: block;">
HOW CAN I LEAVE ME CODE LIKE THIS!!!!?
</div>
</template>
<template>
<div
class="d-flex flex-grow-
浏览 14提问于2020-06-15得票数 7
如何创建一个使用ESLint + StandardJS +更漂亮的Vue 2项目？
标准‘s的规则自然应该优先于更漂亮的规则。
vue create只提供以下选项：
ESLint +标准
ESLint +更漂亮
我试了两件事：
我混合了上述两个选项的eslint配置。它导致了依赖地狱，一旦解决了，它就不像预期的那样起作用了。
我在我的eslintrc.js中添加了更漂亮的标准包，它也没有像预期的那样工作。值得一提的是，更漂亮的标准在从命令行手动执行它时工作得很好。
当然，我希望在项目配置级别而不是IDE级别设置它。
浏览 14提问于2021-06-30得票数 2
回答已采纳
1回答
我有一个带有ESLint和更漂亮配置的vue项目，如下所示：
"@typescript-eslint/eslint-plugin": "^4.26.1",
"@typescript-eslint/parser": "^4.26.1",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/eslint-config-typescript": "^7.0.0",
"eslint": "^7.28.0"
浏览 30提问于2021-06-11得票数 2
回答已采纳
安装程序:新的vue-cli 3.0项目w/ Typescript，ESlint活动插件在VSCode中: Vetur，更漂亮
我检查了可以找到的所有设置，并来回进行了实验，但无法解决以下问题：
更漂亮的格式化项目的.ts文件没有任何问题。在我的.vue文件中，Vetur使用prettyhtml作为模板部分，这也很好。但是，对于脚本(lang="ts")部分，Vetur基于一些我在任何地方都找不到的规则来格式化它--但绝对不是更漂亮/更漂亮的配置。例如，我在更漂亮的设置中更改了singleQuotes = true和semi = false，这对我的.ts文件很好，但是在sem
浏览 1提问于2018-12-03得票数 3
回答已采纳
当使用Vue CLIv4.0.5创建一个带有检查TypeScript和Linter / Formatter选项的新项目时，将为您提供预配置的linting和格式化选项：
? Pick a linter / formatter config: (Use arrow keys)
> ESLint with error prevention only
ESLint + Airbnb config
ESLint + Standard config
ESLint + Prettier
TSLint (deprecated)
我想使用Airbnb规则用于ESLint和漂亮的(即保
浏览 3提问于2019-11-02得票数 7
1回答
在vs代码中，我使用更漂亮的带有eslint的代码，如下所示。
//.eslintrc
{
"parser": "babel-eslint",
"root": true,
"extends": [
"airbnb",
"plugin:vue/essential",
"plugin:prettier/recommended",
"eslint:recommended"
],
"rules": {
浏览 1提问于2019-04-04得票数 0
回答已采纳
在使用ESLint的Visual代码中，在处理.vue文件时，我似乎无法正确地自动修复vue/max-属性/一行。
例如，如果vue/max-attributes-每行设置为“off”，并且我尝试手动添加换行，它就会将其更正为在不超过一行的所有元素上，无论其宽度为81、120、200或更多字符。如何才能弄清楚是什么迫使我的标记元素精确地放在一行上呢？
我使用的是ESLint版本5.1.0和Visual代码(没有更漂亮的扩展)，带有更漂亮的1.14.2。
下面是一个.vue文件中的例子--无论我做什么，当'vue/max-attributes-per-line': 'of
浏览 11提问于2018-08-30得票数 41
回答已采纳
1回答
我想使用 sorting eslint规则对导入语句进行排序，但是当我处理多行导入时，它会将导入的每一个内容都分解为一个新的行。
我的问题是，我希望使导入多行，但包装在指定的宽度。
//My use case
import { a, b, c, z, x, h } from x;
//How is linting
import {
a
, b
, c
, h
, x
, z
} from x;
//How I want to works
import {
a, b, c
, h, x, z
} from x;
在这种情况下，只有3个导入，我不介意导入的东西
浏览 2提问于2020-08-20得票数 3
1回答
如何防止VS码中切换vue插值
、、、、
我使用的是Visual代码，vue更漂亮，它破坏了我的插值。每次保存它时，都会在新行上设置花括号和内容，或者将它们保留在带有标记的行上，然后只将内容放在新行中。
有一段时间他们会一致交换，所以在提交版本控制之前，我只需要确保它处于正确的状态。现在，这两个周期是相反的，因此其中一个总是错误的。
(我正在使用Bootstrap和i18n本地化)
保存1
<b-col>
<b-button type="button" v-on:click="done()">
{{ $t('Done') }}
</b-but
浏览 1提问于2019-03-04得票数 1
回答已采纳
1回答
大家好！对于这样一个琐碎的问题，我很抱歉，但是在花了一整天时间解决一个毫无意义的任务之后，我决定问更聪明的人
。
问题很简单。
胡安·布兰科( Juan )在vscode中为我提供了一个可靠的扩展，用于编写智能合同。在编写智能契约时，我注意到它有一些printWidth限制，如果该行有80到100个以上的符号，它将被包装到下一行。从一开始，它看上去还不错，但过了一段时间，我意识到这很烦人，因为超过一半的文件只是空的。
📷
📷
在vscode中设置
.
格式
📷
📷
📷
📷
我甚至有.prettierignore文件可以忽略小打印以防万一。
📷
但还是没用。
当我可以获得正常格式时，唯一的变体是
浏览 0提问于2022-02-15得票数 2
1回答
防止将更漂亮的箭头函数形成多行
、、、、
当我使用vscode在Vue.js中编写箭头函数时，我会得到一个意外的格式化。
在vscode中自动生成箭头时，我希望更改更漂亮的设置。
预期：
<input type="file" @change="(event) => { files = event.target.files; }" accept=".csv" />
可接受：
<input
type="file"
@change="(event) => {files = event.target.files;}"
浏览 9提问于2022-01-06得票数 1
回答已采纳
1回答
(我是新手，所以请告诉我是否需要在我的问题中添加更多的信息)
我试图为缩进样式的组件添加一个规则，如下所示：
const link = styled.a`
text-decoration: none;
color: #000;
`;
我用的是这个规则：
"indent": ["error", "tab"]
我认为该规则不适用于样式化的组件，因为它使用了模板文本，但随后我也看到可以在规则中添加"ignoredNodes"："TemplateLiteral > *“。这表示规则应该与模板文字一起工作吗？但
浏览 3提问于2021-04-13得票数 0
2回答
我想将更漂亮的/ ESLint与新的JetBrains IDE 集成在一起，但我无法找到这样的方法。在这个中，它说它可以与EditorConfig集成，但是我不知道如何用EditorConfig来实现这一点。
它现在不支持更漂亮吗？谢谢!
浏览 25提问于2022-10-16得票数 1
我想将规则添加到现有的格式化规则中
实际上，我使用的是一个包含以下内容的.vscode/settings.json文件
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.validate": ["javascript"],
"vetur.useWorkspaceDependencies": true,
"vetur.validation.style": false,
"
浏览 4提问于2021-09-29得票数 1
我有一个项目，其中包含一些TypeScript文件，我想在编辑IntelliJ IDEA时使用格式格式化这些文件，这样我的结果代码就能与同事的代码相匹配。理想情况下，我只想重新格式化我正在更新的文件的部分，这样我的提交就可以集中在我的实际更改上。
对于IntelliJ IDEA中的其他项目，我通常使用内置的代码格式和代码样式规则来格式化代码。内置的TypeScript规则与更漂亮的规则不匹配，并且不清楚这些规则是否以我可以导入的IntelliJ格式发布。
出于这个原因，我研究了 IntelliJ IDEA插件。然而，使用这个插件需要一些开销；最值得注意的是，它需要安装Node.js。
是否有一
浏览 11提问于2022-05-17得票数 1
回答已采纳
我不知道如何为函数括号之间的空格设置配置。我已经将它设置为everywhere为true，但是当我保存一个.vue文件时，空格就被删除了--删除后，它被高亮显示为错误(Missing space between function parentheses)。它发生在script部分。在.js文件空间中添加了，但也突出显示为错误，这一次.Unexpected space between function parentheses?！有一些设置的配置(我现在无法重新创建)时，在保存空间时添加了片刻，然后在.vue文件中再次删除。
我的settings.json
"vetur.format.de
浏览 18提问于2020-04-02得票数 5
1回答
我有这个部件。
<ComponentA text='Text A'/>
当我保存该文件时，更漂亮的代码将更新为
<ComponentA text={'Text A'}/>
我怎样才能用更漂亮的方式阻止这种行为呢？
浏览 6提问于2022-08-30得票数 0
1回答
我在VSCode上安装了Eslint-更漂亮的扩展。我已经有了一个.eslintrc.js，我的默认格式化程序(Eslint-漂亮)不会按照我的eslint规则进行格式化。
例如:当我输入npm时，运行eslint。-修正它删除所有分号，但在我点击CTRL + V之后，更漂亮的再加上分号.
在我格式化我的电脑之前，它一直运转良好。有谁可以帮我？
我的.eslintrc.js文件内容是
module.exports = {
env: {
node: true,
es6: true,
browser: true
},
parserOptions: {
e
浏览 12提问于2021-10-31得票数 5
回答已采纳
2回答
我已经安装了这些依赖项Package.json：
{
"devDependencies": {
"@intlify/nuxt3": "^0.1.6",
"@nuxtjs/eslint-config": "^7.0.0",
"@nuxtjs/eslint-module": "^3.0.2",
"eslint": "^8.1.0",
"eslint
浏览 20提问于2021-10-28得票数 7
1回答
我正在调用一个函数，我希望参数放在单独的行上，这样我就可以对它们进行注释，如下所示：
doStuff(
doItWell.quality, // quality setting
doItFast * 100, // speed setting
doItCheap.checkbox.value //price setting
);
alert("done");
但是VSCode自动缩进总是这样做的：
doStuff(
doItWell.quality, // quality setting
浏览 2提问于2021-06-22得票数 1
回答已采纳
3回答
我对使用vs代码是个新手。我添加了名为美化的扩展。但是当我保存一个javascript文件时，它并没有美化我的工作，它只是保持不变。谢谢!
浏览 50提问于2021-08-01得票数 0
1回答
我在Laravel有一个大项目，它有几个前端，取决于登录的用户。
我还有一个shared目录，其中有常见的组件(如表、模态等)。可用于不同的前端。
我希望将每个前端编译成一个不同的js文件，所以我只能包含每个用户的相关文件。
我现在拥有的：
webpack.mix.js：
mix.js('resources/js/app.js', 'public/js')
.js('resources/js/frontendUser.js', 'public/js')
.js('resources/js/frontendA
浏览 0提问于2019-06-07得票数 3
1回答
在一次PC崩溃后，我幸运地恢复了数据，但没有恢复程序和设置。现在，使用VS代码+更漂亮，我不能有多个车把，部分到新的行。例：
{{> Partial_1}}
{{> Partial_2}}
在保存时，它变成：
{{> Partial_1}} {{> Partial_2}}
找不到解决办法(或者我没有向谷歌提出正确的问题).
浏览 28提问于2021-12-13得票数 1
3回答
如上所示，并呈现在屏幕截图中。
在有效的JS代码上使用格式文档(问号之间没有空格)会产生错误。
到目前为止，我尝试的是更改格式化程序，但没有结果。错误尤其令人恼火，因为我在“保存”选项上设置了格式，而且我喜欢这样。工作室版本为1.46。
如果你想自己复制它，可以自由地：
let iForgotToInitializeThat = undefined;
const coalesceResult = iForgotToInitializeThat ?? 'something';
试着格式化它。
浏览 1提问于2020-06-18得票数 4
回答已采纳
我使用的是类型记录，更漂亮，更细，我试图定义一个多行字符串变量，如下所示：
const text = 'Some really long interesting text' +
' some more really really long text' +
' and some even more really long text';
但是，当我使用fix选项运行eslint时，更漂亮的代码迫使我的代码看起来像这样。
const text =
'Some really long interesting text&#
浏览 3提问于2021-01-07得票数 1
对于下面的react代码，我得到以下错误：
当我使用代码库上的ESLint标志运行--fix时，会得到一个错误，即：
ESLint: A space is required before closing bracket(react/jsx-tag-spacing)
ESLint: Insert `.` (prettier/prettier)
没有找到任何关于这个错误的文档--我该如何修复呢？
注意:我使用的是WebStorm --不确定它是否相关。
浏览 5提问于2020-04-20得票数 6
回答已采纳
我有一个名为appDetails的Vue实例。此实例属于app.html。在其中我声明了函数getApp，它返回应用程序的名称： var appDetails = new Vue({
el: '#appDetails',
methods: {
getApp() {
var path = url;
var formData = "id=" + id;
return axios.get(path, formData)
.then((res) => {
return
浏览 17提问于2019-06-10得票数 0
回答已采纳
这是令人困惑的，因为我用一个.eslintrc.js设置了一个项目，该项目可以很好地格式化，但是我无法让它在另一个非常类似的设置上工作。这是那个文件：
我有更漂亮的设置作为格式化程序，VSCode设置为在保存时设置格式。但在格式化时，它似乎使用了VSCode中更漂亮的设置页面中的规则，而不是eslintrc文件中的规则。结果是，它以一种方式格式化代码，然后抛出一个linting错误，因为它的格式化方式不遵循规则。我知道这是愚蠢的事情，但我不知道如何使它使用ESLint设置格式。
我是eslintrc.js
module.exports = {
env: {
browser
浏览 3提问于2021-03-28得票数 1
回答已采纳
当文档保存在VS代码中时，我试图启用更漂亮的扩展来格式化JSX代码，但是在安装之后，扩展对我不起作用。我尝试使用以下方法进行修复：
重新启动VS代码(强制quitting)Reinstalling更漂亮的extensionToggling在更漂亮的设置中使用settingsEnabling "format on settingsToggling“中的settingsEnabling”format on settingsToggling“的扩展--)
浏览 3提问于2022-07-03得票数 3
尝试在VS代码中获取Vue/TypeScript/ESLint/更漂亮/Vetur格式是一场噩梦。在这方面有许多GitHub问题和StackOverflow帖子，但我向您保证，这不是重复的。我遵守了每一篇教程，但没有一篇有效。他们中的一些人解决了一个问题，却引入了另一个问题。他们中有些人没有解决任何问题。他们中的一些人撞上了代码。他们提出的建议，包括多个官方消息来源，大多是相互冲突的。许多都过时了，引用了过时的配置属性。
当我保存时，我想要VS代码链接和格式化我的.vue和.ts文件。
我花了几个小时，从不同的帖子和教程中尝试了很多很多配置，但这是我得到的最接近工作的东西。但是，使用下面的配置
浏览 10提问于2021-08-01得票数 4
回答已采纳
我使用带有Vetur扩展名的Visual代码，当我右键单击我的.vue文件并选择"Format Document“选项时，Visual会自动添加有意删除它们的分号。
我该怎么阻止这一切？
浏览 18提问于2017-11-05得票数 39
回答已采纳
7回答
我在VSCode的Vue(Nuxt)项目中使用了ESLint。当我保存时，我希望我的ESLint自动运行，并自动修复所有的警告。
这是我在VSCode中的settings.json文件：
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.validation.templat
浏览 12提问于2020-06-09得票数 21
1回答
很难通过unpkg重用Vue组件(vue-json-漂亮)。我想我错过了一些基本的东西，但我自己也没办法把它分类。
我的HTML：
<link rel="stylesheet" href="https://unpkg.com/fiori-fundamentals@latest/dist/fiori-fundamentals.min.css"/>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src=
浏览 7提问于2020-10-15得票数 1
回答已采纳
5回答
我刚刚安装了vs代码的
当我保存一个文件时，我希望我的代码被美化，但是我想不出如何用这种方式来配置它。
上面写着
当"editor.formatOnSave“为真时，将启用”保存时的美化“。
但是我不知道把它放在哪里，因为我在任何文件中都找不到默认的选项。
我正在尝试切换到VS代码并解决问题。
浏览 8提问于2018-04-11得票数 23
我是个反应新手。我在用vscode。每当我保存app.js文件时，它都会格式化整个代码并抛出错误。
我试过重新安装vscode。我也不使用任何格式扩展。哪里出问题了？
浏览 9提问于2020-06-11得票数 0
回答已采纳
1回答
我正在开发一个多页web应用程序(MPA)，使用LaravelVersion5.6和vue.js 2.0版本。
我使用多个vue组件，例如Demo.vue，并在PHP刀片文件中使用该组件。
问题是，当我尝试查看页面视图源(ctrl+u)时，它只显示PHP刀片文件中使用的html标记，但没有显示vue组件的HTML元素。
我希望Vue组件HTML元素也显示在页面视图源代码中，因为我的google爬行主要依赖于使用的vue组件。你能帮我解决这个问题吗？
同时附加页面源代码的截图和相同的示例代码片段。
Demo.vue文件代码
示例组件我是一个示例组件。导出默认{console.log(){组件
浏览 3提问于2018-12-03得票数 3
是否可以将ref与来自Element的el-input组件一起使用？当我的Vue实例被挂载时，我试图使用$refs来关注输入。这是我的代码：
<div id="app">
<el-input type="text" ref="test" placeholder="enter text"></el-input>
</div>
在我的Vue例子中：
new Vue({
el: "#app",
mounted(){
this.$refs.test.f
浏览 1提问于2016-12-06得票数 7
回答已采纳
3回答
更漂亮的破坏了jsx的片段
、、、、
function App() {
return (
<>
<
Navbar / >
<
Users / >
</>
);
}
在点击ctrl+Save时，这个更改为
function App() {
return ( <
>
<
Navbar / >
<
Users / >
<
/>
);
}
当我悬停
浏览 3提问于2020-06-30得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
