安装vscode基础配置,es6基础语法,

https://code.visualstudio.com/

es6

定义变量

const声明常量(只读变量)

// 1、声明之后不允许改变

const PI = "3.1415926"

PI = 3 // TypeError: Assignment to constant variable.

// 2、一但声明必须初始化,否则会报错

const MY_AGE // Missing initializer in const declaration

结构赋值

声明对象简写

箭头函数

箭头函数提供了一种更加简洁的函数书写方式。基本语法是:

参数 => 函数体

箭头函数多用于匿名函数的定义

创建默认页面基础代码

文件 => 首选项 => 用户片段 => 新建全局代码片段文件:

cpp 复制代码
{
	"vue htm": {
		"scope": "html",
		"prefix": "vuehtml",
		"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"",
			"<head>",
			"    <meta charset=\"UTF-8\">",
			"    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
			"    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
			"    <title>Document</title>",
			"</head>",
			"",
			"<body>",
			"    <div id=\"app\">",
			"",
			"    </div>",
			"    <script src=\"vue.min.js\"></script>",
			"    <script>",
			"        new Vue({",
			"            el: '#app',",
			"            data: {",
			"                $1",
			"            }",
			"        })",
			"    </script>",
			"</body>",
			"",
			"</html>",
		],
		"description": "my vue template in html"
	}
}

单项绑定

双向绑定

事件

条件渲染


相关推荐
Diligently_2 天前
idea 中vm option 配置
java·ide·intellij-idea
我命由我123452 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
Hello World . .2 天前
Linux:线程间通信
linux·开发语言·vscode
AC赳赳老秦2 天前
云原生AI故障排查新趋势:利用DeepSeek实现高效定位部署报错与性能瓶颈
ide·人工智能·python·云原生·prometheus·ai-native·deepseek
被制作时长两年半的个人练习生2 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心2 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税2 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器
xixi09242 天前
selenium IDE安装使用教程
ide·selenium·测试工具
嵌入小生0072 天前
线程间通信---嵌入式(Linux)
linux·c语言·vscode·嵌入式·互斥锁·线程间通信·信号量
西门吹-禅2 天前
【eclipse 升级】
java·ide·eclipse