vue

easypoi

官方网站：easypoi.mydoc.io/

vue

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。

Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。

官方网站：cn.vuejs.org/

---

安装 nodejs

nodejs 是一个让 JavaScript 运行在服务端的开发平台，它可以用于方便地搭建响应速度快、易于扩展的网络应用。

nodejs 可以用于 Web 开发，微服务，前端搭建；

下载安装好nodejs 后，在cmd中，输入 node -v 查看版本。

nodejs 可以作为前端开发库的存在，需要设置拉取镜像地址。国内的服务器速度较快，通常设置为淘宝镜像。

npm config set registry=registry.npm.taobao.org

设置好了以后，在 cmd 中，再输入 npm config list 查看设置是否成功。

---

下载 vue-cli

npm install -g @vue/cli

下载 idea 的 vue 插件

创建 vue 项目

Vue create 项目名称

选择 vue3

安装依赖库：npm install --save axios vue-router echarts element-plus @element-plus/icons-vue

进入项目目录，输入：npm run serve

打开浏览器，输入http://localhost:8080/，出现 VUE 主界面

在终端中，连续两次 ctrl+c，可关闭服务器。

==================================

set-ExecutionPolicy RemoteSigned vue create vuefirst

---

Vue 项目中的目录结构

node_modules：插件目录，用于存放第三方 js 库

public：静态资源

src：源码目录

assets：存放图片、js、css 等静态资源

components：存放可重用的全局组件

main.js：入口文件

package-lock.json、package.json：为 npm 配置文件

vue.config.js：为 vue 配置文件

---

vue.config.js

vue.config.js 是一个可选的配置文件，如果项目的根目录中存在这个文件，那么它会

被 @vue/cli-service自动加载。

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,//忽略未使用变量或组件报错问题
  devServer:{
    port:8086  //改变端口
  }
})

---

main.js

src 目录下的 main.js 为入口文件，在服务器启动时自动完成加载。访问服务器时，执行该文件。

vue 组件

一个组件大致分为：结构（html）、样式（css)、行为（js）

在一个 *.vue 文件中，