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

 时间:2026-02-15 07:03:34

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初始化项目文件说明

  • xampp无法启动apache如何处理
  • 火车头自定义文章批量发布上传
  • IntelliJ IDEA如何更改javascript版本
  • 阿里云数据库如何备份以及还原
  • iis7安装配置最新版php5.6.8教程Win2008php配置
  • 热门搜索
    衡水旅游景点大全 珠海东澳岛旅游攻略 南岳旅游网 香港旅游花费 贵阳旅游网 陕西省旅游学校 彭州旅游 西双版纳旅游局 巴马旅游网 天津市旅游景点