Vue概念01-项目创建与文件结构

项目创建

  1. 在idea的新建项目页面选择Vue.js项目,选择完成之后点击next
    在这里插入图片描述
  2. 修改项目的名字,其他都按默认配置
    在这里插入图片描述
  3. 配置完成之后就会出现下面的目录文件结构

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值