作为一个新手当我们拿到一个新的项目的时候,常常不太清楚它的项目结构就很头痛,今天我给大家梳理一下vue的项目结构:
 node_modules文件:项目依赖文件夹

public文件夹:一般放置一些静态的资源(图片),需要注意的是放在public文件中的静态资源webpack进行打包的时候,会原封不动的打包到dist文件夹中

src文件夹(程序员自己代码放置的地方)

assets文件夹:一般也是放置一些静态的资源(一般放置多个组件的静态资源),需要注意的是放置在assets文件夹里面的资源在webpack打包的时候,webpack会把静态资源当作一个模块,打包在JS文件里面。

components文件夹:一般放置的是非路由组件(全局组件)

App.vue:唯一的根组件 Vue当中的组件

main.js:程序入口文件也就是整个程序中最先执行的文件

bable.config.js:bable(bable配置相关的文件)

package.json文件:包管理工具,记录着项目使用的第三方库

package-lock.josn:缓存文件,记录着package.json中第三方库的来源

 

Logo

前往低代码交流专区

更多推荐