1、选项式Api与组合式Api

vue2:

<template>
<div @click="changeMsg">{{msg}}</div>
</template>
<script>
export default  {
  data(){
    return {
     msg:'hello world'
    }
  },
  methods:{
    changeMsg(){
      this.msg = 'hello juejin'
    }
  }
}
</script>

1、初始化项目

（1）、打开命令行终端，执行命令：npm -v。

什么是Sass

Sass 是 Syntactically Awesome Stylesheets 的简写，是一个最初由 Hampton Catlin

接触React不久，所以对React不是很熟悉，看到有网友建议我使用Vite或Next, 于是就搜索总结了一些构建React Web应用的一些脚手架工具。

脚手架工具

在这之前，脚手架工具具体什么意思，我都不知道。。

网上搜的的解析： “ 脚手架工具（Scaffolding Tool）是用于快速生成和搭建项目结构的工具。它们通过提供预设的项目模板和文件结构，帮助开发者快速开始一个新项目，避免了从零开始配置和编写基础代码的繁琐过程。”

sass定义了很多函数可供使用，当然你也可以自己定义函数，以@fuction开始。
sass的官方函数链接为：
sass fuction，实际项目中我们使用最多的应该是颜色函数，
而颜色函数中又以lighten减淡和darken加深为最，
其调用方法为lighten($color,$amount)和darken($color,$amount)，
它们的第一个参数都是颜色值，第二个参数都是百分比。

多行显示并在最后一行截断文字？

text-overflow基本知识请看上篇文章的博客链接：text-overflow: ellipsis;什么时候可能不生效？https://dwz.cn/7w9DujpK

怨念。。。

不让我插入外链接。。。

直接贴进来，好丑。。。

单行文字我们为了能够截断文字，使用了强制文本在一行显示的nowrap.

//xia栽のke://itzx666点com/9232/

由于可以使用多个扩展插件，VS Code被认为是最好的编辑器之一。出于这个原因，在这篇文章中，我们将讨论一些很棒的 VS Code 扩展，它们可以帮助您提高生产力：

自动重命名标签， 帮助你自动重命名成对的HTML / XML标签。

Better Comments：这个扩展将帮助你在你的代码中创建很棒的注释。使用此扩展程序，您将能够对您的注释进行分类，例如警报、查询、待办事项和突出显示。

Bookmarks：此扩展可帮助您在代码中导航，轻松快速地在重要位置之间移动。书签提供了一些功能，如：