vue-cli初始化项目文件说明

2025-06-07 11:07:17

1、下图红框中的内容是webpack的相关配置,比如下面第二张图片显示,我们在项目中引用src/components下的文件时,通过配置只需要写components/文件名称即可

vue-cli初始化项目文件说明
vue-cli初始化项目文件说明

2、node_modules文件夹下面都是通过npm下载下来的源文件,在检查每次install是否成功,也可以查看改文件目录下是否有你刚刚install的文件。

vue-cli初始化项目文件说明

3、src目录下是项目开发的主战场,项目组件的操作都在此目录下进行。

vue-cli初始化项目文件说明

4、static目录下可以存放第三方 的静态仿瓤僭蚋资源由于git是不允许提交一个空的目录到版本库上的,所以可以在空的文件夹里面建立一个.gitkeep文件,然后提交上去就可以了。其实也就是说.gitkeep 只是一个占位符,也可以用其他 比如 .nofile等文件作为占位符。

vue-cli初始化项目文件说明

5、.babelrc文件是babel的配置文件主要适用于编译es6转义为es5一般用2个插件es2015,stage-2,transfer-runtime"comments": false,表示不生成注释

vue-cli初始化项目文件说明

6、.editorconfig表示对编辑器的配置

vue-cli初始化项目文件说明

7、忽略语法检查的目录文件如图右侧红框中的两个文件将被忽略检查

vue-cli初始化项目文件说明

8、.eslintrc.js是eslint的配置文件

vue-cli初始化项目文件说明

9、package.json是项目的配置文件项目中依赖的库的版本信息,项目的一些相关介绍都在这里面,如果你想修改某个库的版本修改配置文件重新install一次即可。

vue-cli初始化项目文件说明
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢