- 下载安装node.js
- npm install vue@latest
- 创建项目:vue ui
- 编译运行项目:npm run serve
vue组件结构(.vue文件)
三个标签组成:
<template>:模板部分,生成html代码
<script>:原生js代码,控制模板中数据的来源以及行为
<style>:控制css样式部分
开发网页时很少碰main.js与index.html而是开发vue组件
Element快速入门
https://element.eleme.cn/2.13/#/zh-CN/component/installation
Router Vue路由技术,根据#后的地址不同改变访问的组件
Nginx路由部署
Nginx文件目录
- build编译Vue项目
- 编译结果放到nginx的html目录下启动nginx,config可以更改占用的端口