1.Vue前端框架学习

简介

vue是一套构建用户界面的渐进式框架。

Vue 只关注视图层， 采用自底向上增量开发的设计。

Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

认为比较有用的插件：

1.汉化语言包：Chinese…

2.Live Server:

以localhost开启页面
如：http://127.0.0.1:5500/xxxx.html
而不是以文件路径打开页面

3.Open in Browser

以本地路径打开网页
如： file:///F:/project/test.html

在编辑的页面鼠标右键：
选择Open in Default Browser 或 Open in Other Browsers
上述Live Server则选择Open with Live Server

4.Path Intellisense

自动补充路径

5.Vue 3 Snippets

vue的代码片段提示

6.vscode-icons

文件图标
好处：在根目录创建文件，而不是在lib文件夹创建文件。
（遇到问题：新安装的vscode如果test01下有文件夹lib，点击创建文件无论选中的是test01，还是没选中，都是在lib目录下）

7.Vetur

Vue tooling for VS Code

浏览器推荐安装：Vue Devtools

在使用 Vue 时，推荐在你的浏览器上安装 Vue Devtools。它允许你在一个更友好的界面中审查和调试 Vue 应用。

在页面script中加上代码：

Vue.config.devtools = true