一、Vue 安装使用
项目里引入Vue的方式:(在项目中使用vue)
使用一个框架,我们第一步要先下载安装它
使用Vue的方式有很多:
方式一:直接CDN引入
```html
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本,优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
```
方式二:下载和引入
```js
// 开发环境 https://vuejs.org/js/vue.js
// 生产环境 https://vuejs.org/js/vue.min.js
```
方式三:NPM安装(今天先不掌握)
后续通过Vue-Cli3(脚手架)方式引入,我们使用该方式
**添加VSCode的模板:**
文件 -> 首选项 -> 用户代码片段,在输入框内输入html.json,用下面的代码覆盖掉原来的即可,下次新建html文件直接输入**hv**,然后按下回车即可
```js
{
"html:5": {
"prefix": "hv",
"body": [
"<!DOCTYPE html>",
"<html>",
"<head>",
"\t<meta charset=\"UTF-8\">",
"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
"\t<title></title>",
"\t<script src=\"https://cdn.jsdelivr.net/npm/vue\"></script>",
"</head>",
"<body>",
"</body>",
"</html>",
],
"description": "HTML5"
}
}
```