vue项目目录介绍

Vue项目目录

初始化项目

vue init webpack []projectname]
cd [projectname]
npm install
vue run dev


目录树


+---build
| build.js
| check-versions.js
| dev-client.js
| dev-server.js
| utils.js
| vue-loader.conf.js
| webpack.base.conf.js
| webpack.dev.conf.js
| webpack.prod.conf.js
|
+---config
| dev.env.js
| index.js
| prod.env.js
|
+---src
| | App.vue
| | main.js
| |
| +---assets
| | logo.png
| |
| \---components
| Hello.vue
|
---static
|--------- .gitkeep
| .babelrc
| .editorconfig
| .eslintignore
| .eslintrc.js
| .gitignore
| .postcssrc.js
| index.html
| package.json
\ README.md

目录详解

• .babelrc ： ES6 转 ES5 时，保证兼容浏览器
• .editorconfig ： 编辑器的环境配置

charset = utf-8
indent_style = space //缩进方式
indent_size = 2 //缩进长度
end_of_line = lf //换行符风格
insert_final_newline = true //文件末尾插入新行
trim_trailing_whitespace = true //自动移除行尾空格


• .eslintignore ：忽略ESLint语法检查的文件目录配置
• .eslintrc.js ：eslint的配置文件

【ESLint官网】官网中有相关文档对配置进行解释

• .gitignore：用于将项目放于github时，需要忽略的文件目录配置
• package.json：项目的配置文件
• index.html：项目的入口文件