vue 项目结构
作为一个新手当我们拿到一个新的项目的时候,常常不太清楚它的项目结构就很头痛,今天我给大家梳理一下vue的项目结构:node_modules文件:项目依赖文件夹public文件夹:一般放置一些静态的资源(图片),需要注意的是放在public文件中的静态资源webpack进行打包的时候,会原封不动的打包到dist文件夹中src文件夹(程序员自己代码放置的地方)assets文件夹:一般也是放置一些静态的
·
作为一个新手当我们拿到一个新的项目的时候,常常不太清楚它的项目结构就很头痛,今天我给大家梳理一下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中第三方库的来源
更多推荐
已为社区贡献2条内容
所有评论(0)