安装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"
	}
}

单项绑定

双向绑定

事件

条件渲染


相关推荐
HAPPY酷44 分钟前
【ROS2】PyCharm 启动 Gazebo 仿真报错?从配置 Shell 到修复路径的全流程复盘
ide·chrome·pycharm
zzzll11111 小时前
Typora插件开发指南:打造专属IDE式写作环境
ide·学习·计算机·大模型·llm·知识
snow@li1 小时前
VSCode:学习手册 / 全景梳理与深度分析
ide·vscode
2601_9615934218 小时前
Mac 上搭建Linux环境吗?VMware + CentOS Stream 9 镜像快速部署
linux·运维·ide·macos·centos
郭老二20 小时前
【ROS2】vscode配置头文件路径等
vscode
不厌 -_-1 天前
VSCode 中 Markdown 转 PDF
vscode·pdf
悲凉的紫菜1 天前
dariy
android·ide·android studio
love530love1 天前
CodexPro + MCP + Cloudflare 配置详解:HTTP2、QUIC 与连接排障
ide·人工智能·windows·ai agent
友人.2271 天前
补充章节:VSCode Wokwi 无法可视化连线?在线 Wokwi 网页拖拽绘图方案
ide·vscode·编辑器
赵庆明老师1 天前
Vben精讲:04-了解VSCode中的Git
ide·git·vscode