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

原创 程序编程代写  2021-11-17 02:47:01  阅读 5 次 评论 0 条
摘要:

如何在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,正文:[