VS Code 1.32: Autocomplete in Vue Templates
source link: https://www.tuicool.com/articles/hit/Av6veqf
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
The VS Code 1.32 February update is out now and with it comes some great new features for Vue users.
Table of Contents
- Vue Templates Autocomplete
- What else does can I do?
Let's run through the list of features that are in the new 1.32 update:
- Color themes without reloading : Install and apply new theme extensions without reloading.
- Keyboard shortcuts editor improvements : Modify keybinding 'when' conditions in the editor.
- Problems panel hover commands : Apply Quick Fixes or open a Peek window directly from hovers.
- Preferred Code Actions : Preferred (mostly likely) Code Actions support auto fixing common issues.
- Debug Console customization : Modify font size, font family, and line height of the Debug Console.
Big list of updates as usual! This is why VS Code has consistently been used by so many developers.
Vue Templates Autocomplete
Every month of VS Code updates brings in some useful features but there's one this month that really stood out to me.
The ability to have VS Code (through the Vetur Vue Plugin ) provide Intellisense and Autocomplete. Here's the example that the VS Code update logs give us:
Let's say you have some data()
in your Vue component. Let's say a message
variable.
If you wanted to use that message
variable in your template, you can start typing and see VS Code help you out!
What else does can I do?
This will work for the following:
-
data
in the current component -
computed
properties -
methods
-
props
for any child components: will show onv-bind
The other updates that came in are:
<template>
The full list of updates can be found on the Vetur changelog .
A big update for Vue developers that use VS Code and Vetur. Will definitely speed up my own Vue work. Great work to the VS Code team as always!
Recommend
-
125
简体中文README What's hss? hss is an interactive ssh client for multiple servers. It will provide almost the same experience as in t...
-
87
Reading Time: 4 minutesSome time ago I worked on a small autocomplete web service for fun and curiosity. Part of it consists pretty much of what I’m going to talk about in this post. We’re gonna build a small completion suggester in Go.
-
103
-
119
phpcomplete-extended - A fast, extensible, context aware autocomplete plugin for PHP composer projects with code inspection features.
-
87
This is a good time to be an Emacs user. In addition to all of thegreat packages and tools being developed there seem to be more peopleregularly blogging and making videos about Emacs than ever befo
-
15
-
2
In Vue, templating is the main way we create reusable components. We can use templates to take data, and turn it into real elements on a screen that users can see. In this article, we'll be covering how templates work in Vue, and some things...
-
6
最好用的 5 款 Vue AutoComplete 自动补全组件B 端数据开发,卡拉云联合创始人最近更新 2022年05月23日...
-
4
Add Global Variables to Vue JS Templates Oct 3, 2022 You can't access variables on the window object from Vue 3 templates. However, you can set the config.globalProperties property on yo...
-
2
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK