前端工程化基础

发布时间 2023-10-20 17:35:47作者: adamaik
  1. 下载安装node.js
  2. npm install vue@latest
  3. 创建项目:vue ui
  4. 编译运行项目:npm run serve

vue组件结构(.vue文件)

三个标签组成:
<template>:模板部分,生成html代码
<script>:原生js代码,控制模板中数据的来源以及行为
<style>:控制css样式部分
开发网页时很少碰main.js与index.html而是开发vue组件

Element快速入门

image
https://element.eleme.cn/2.13/#/zh-CN/component/installation

Router Vue路由技术,根据#后的地址不同改变访问的组件

Nginx路由部署

Nginx文件目录

image

  1. build编译Vue项目
  2. 编译结果放到nginx的html目录下启动nginx,config可以更改占用的端口