JavaWeb的一些基础知识记录

Vue

Vue项目-目录结构

基于Vue脚手架创建出来的工程，有标准的目录结构，下面对其作出介绍：

src下存放的文件如下：

Vue项目-启动

在IDEA中，点击包名vue-project，右键打开Terminal窗口

在Terminal中输入npm install，之后右键点击package.json文件，点击Show npm Scripts

在弹出的窗口中右键serve点击run即可运行Vue项目

点击链接即可进入页面

Vue项目-配置端口

打开vue.config.js 添写如下代码即可

重新启动项目，端口号已改变

Vue项目开发流程

当Vue项目运行时，默认显示首页index.html，在index.html中默认引入了入口文件main.js

在main.js中，创建了一个Vue对象，并将Vue对象实例挂载到了 #app区域

Element组件

对于Element组件的学习，只需了解从Element官网拷贝代码，懂得修改即可。