vue-cli项目文件

一级目录

项目文件.png

build目录&config目录都是webpack的配置相关的文件
node_modules是通过npm install安装依赖的代码库
src存放项目源码
static存放第三放静态资源
.babelrc babel的配置 vue使用的是es6 es6需要babel编译成es5

babelrc.png

presets是预设 babel预先需要安装的一些插件 stage-x|4>x>=0x表示的是x-3这些插件在node_modules中
“plugins”:["transform-runtime"]是用来把es6的一些方法做转换
comments:falsefalse表示转换代码不生成注释

编译器配置

编译器配置.png

在 .editorconfig中编写了一些编译器的设置
charset表示编码
indent_style=space表示缩进风格基于空格缩进
indent_size=2缩进风格是两行缩进
end_of_line=lf表示的是换行符的风格 lf是linux和mac的换行风格
insert_final_newline=true表示在创建一个文件在文件末尾自动创建一个新行
trim_trailing_whitespace=true表示自动在行末尾去除多余的空格

.git提交

.gitignore表示在提交到git仓库的时候忽略掉的文件

package.json是项目的一些配置文件

package.json.png

最上面的{}中的是在用vue-cli创建项目的时候的一些设置
scripts是表示我们可以运行的一些命令 用 npm run dev执行的就是 node byild/dev-server.js
dependencies是项目依赖 图中是vue版本为2.1.0以上版本
devDependencies是编译用的插件