项目创建
- 在idea的新建项目页面选择Vue.js项目,选择完成之后点击next
- 修改项目的名字,其他都按默认配置
- 配置完成之后就会出现下面的目录文件结构
node_modules
:存放整个项目用到的所有依赖
public
:存放页面图标和不支持 JavaScript 情况时的页面
src/assets
:资源文件,比如存放 css,图片等资源,类似于Springboot中的resources文件夹
component
:组件文件夹,用来存放 vue 的公共组件(注册于全局,在整个项目中通过关键词便可直接输出)。
App.vue
:是项目的主组件,所有页面都是在该组件下进行切换的。
main.js
:是项目的入口文件,作用是初始化 vue 实例,并引入所需要的插件。
vue.config.js
:vue的配置文件
其他文件入门阶段好像不是很重要,就暂时不学习