一级目录
项目文件.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.jsdependencies是项目依赖 图中是vue版本为2.1.0以上版本devDependencies是编译用的插件
