Vue 代码片段：如何在vscode中格式化Vue中的代码

摘要：

如何在vscode中格式化Vue中的代码PS：现在建议使用vetur插件win10死机，重装win7，结果是sublimetext插件无法安装，各种心痛，所以决定改用vscode。与sublimetext相比，vsc

如何在vscode中格式化Vue中的代码

PS：现在建议使用vetur插件win10死机，重装win7，结果是sublime text插件无法安装，各种心痛，所以决定改用vscode。与sublime text相比，vscode有很多优点：中文输入法支持更好。windows平台下需要安装各种插件支持中文输入，效果不理想。更全面的基础功能。vscode自带插件管理、git、侧边栏、集成终端、emmet等功能。St每次都需要自己安装，浪费时间。但是st插件比较丰富，vscode插件比较少，vue相关插件vscode

使用vue-cli3创建vue项目并配置VS Code自动格式化vue语法高亮问题

在终端中运行以下命令：

vue create xxx // xxx 为项目名称，如 vue-project

然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能并按 Enter。

然后，我们会看到一系列的功能选项。使用向下箭头键，我们将向下移动并使用空格键选择所需的功能，然后按回车键。

<

在 vscode 中使用。Vue代码模板方法

1。设置。Vue 模板

打开编辑器，点击File-Preferences-User Code Snippet，会弹出一个输入框。

在输入框输入vue，回车，会打开一个vue。json文件。

在里面复制以下代码：

{打印到控制台：{前缀：vue，正文：[