使用脚⼿架创建项⽬ 之 每个⽂件的作⽤

当我们使⽤脚⼿架创建了项⽬,会产生很多文件,那么每个文件是什么含义呢?有什么东⻄ ? 搞清楚他吧

  1. .git⽂件夹 :是git仓库⽂件夹
  2. node_modules : 项⽬依赖资源⽂件夹
  3. public: 项⽬⻚⾯⽂件夹,⾥⾯的index.html就是vue项⽬看到的那个⻚⾯。
  4. src/assets :项⽬需要使⽤到的⼀些图⽚,css等资源⽂件会存放在assets⽂件夹中
  5. src/components:项⽬中的.vue 单⽂件组件会存放在components⽂件夹中
  6. src/plugins: 放的是 按需导⼊element-ui的js⽂件element.js
  7. src/App.vue : vue根组件,vue⾥⾯的第⼀层组件,是所有组件的爸爸
  8. src/main.js : vue项⽬的⼊⼝js⽂件, 编译vue项⽬的时候,先会执⾏和编译main.js这个 ⽂件,并且最后⽣成⼀个出⼝⽂件,main.js⽂件最终会被打包成 app.js⽂件,并且放在 项⽬的根⽬录⾥⾯(它是虚拟⽬录,在硬盘上是看不到这个app.js⽂件的)
  9. src/router.js : vue项⽬的路由js⽂件,⾥⾯编写的是路由处理的代码
  10. browserslistrc
  11. .editorconfig :编辑器的配置信息,⾥⾯可以配置编写代码的时候的⼀些tab,换⾏。
  12. .eslintrc.js :eslintrc⽂件是⽤来配置eslint的⽂件,我们在这个⽂件中可以对eslint进 ⾏⼀些配置。⽐如说有⼀些报错,我觉得很离谱,那么我们就可以在配置⽂件中设置忽略 这些错误
  13. .gitignore :是git的忽略清单 ,设置不需要保存到git的⽂件。
  14. .prettierrc :设置alt+shift+f格式化的时候的样式
  15. babel.config.js :babel的配置⽂件
  16. package.json :项⽬的配置信息的json⽂件
  17. package-lock.json :项⽬依赖资源的下载路径⽂件
  18. postcss.config.js :postcss的配置⽂件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值