VUE学习(一) 目录结构及启动

本文详细解析Vue项目的基础结构,包括node_modules、public、src等目录的作用,并介绍启动项目的方法,如通过npm run serve来运行服务。
摘要由CSDN通过智能技术生成

在上一篇中介绍了如何初始化创建一个vue项目vue项目初始化。本文介绍一下vue项目的基本结构以及启动方式。

 目录结构

  • node_modules: 这里是vue所需的前端库,类似java后台的lib中的各种jar包。
  • public:公共资源文件夹,这里的东西打包后会保持原样,不会变化
  • src:项目的源码
  • src/assets:存放图片
  • src/components:存放自定义组件
  • src/views:存放我们设计的页面
  • src/App.vue:项目的主页面
  • src/main.js:项目主页面的js
  • src/router.js:项目的路由
  • src/store.js:vuex文件
  • gitignore:提交git时忽略的文件配置
  • babel.config.js:这个至少我没用过
  • package.json:类似后端的maven,指定用哪个组件及版本号,当使用npm install时就是根据这个文件下载的
  • vue.config.js:配置文件,用于覆盖vue的默认配置     

启动项目 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值