vue 项目目录的解释

README.md:项目说明文件

package.json :第三方依赖包

package-lock.json:package的锁文件,可以帮助确定安装第三包的
具体版本,保持编程团队的统一

LICENSE:保证编程协议的说明

index.html:项目默认的首页的模板文件

.postcssrc.js:是对postcss的一个配置项

.gitignore:当使用git时,把不需要上传的特殊代码放到该文件中,就不会上传到git中

.eslintrc.js:配置了一些代码规范

eslintignore:在该文件下写的 路径 是不会受 eslintrc.js(代码规范)影响

.editorconfig:帮助配置编辑器 里 自动化 的语法

.babelrc:语法解析器

static:存放的静态资源

node_modules:项目依赖的第三方包

src:整个项目的源代码
main.js:整个项目的入口文件
app.vue:项目最原始的 根组件
router>index.js:项目的所有路由
components:项目里放的小组件
assets:项目中存放的一些 图片

config:项目的配置文件
config>index.js::项目的基础的配置信息
config>dev.env.js:开发环境的配置信息
config>pro.env.js:线上环境的配置信息

 bulid:项目打包的webpack的配置内容

App.vue:整个应用的根组件

项目路径详情

index.html:项目根视图;

.postcssrc.js:postcss配置文件;

static:静态文件目录;

config文件:
开发环境的配置(dev.env.js),
生产环境的配置(prod.env.js),
服务器的跨域的配置/服务器打开的配置(index.js);

build:
服务器的配置文件

src:
源码

src>main.js
入口文件

第一个vue组件
src>component>App.vue

子组件
src>component>HelloWorld.vue

src>assets
公共的资源(如:font,css,js,images)

推荐阅读更多精彩内容

  • 一、项目环境准备 在开发之前,我们需要安装 Node.js 和 Git,然后注册一个 GitHub 账号用来存放我...
    LK30265阅读 417评论 0 2
  • 开发一个项目,采用什么语言都可以,主要能熟练高效的开发都是合理的,这次我们采用vue来开发一个团队项目。在开...
    MsgSS阅读 1,635评论 3 9
  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
    tengrl阅读 1,899评论 0 0
  • 我的孩子,我希望给你一个自由的生长环境,不强迫你成绩优异,不逼迫你多才多艺,不需要你做一个亲戚朋友都交口称赞的乖小...
    不吃藕也不能吃藕阅读 11评论 0 0
  • 大家下午好!今天跟老师和各位师兄师姐分享下我的读经体会!我是通过听黄老师两年还清600万的分享,才有经会认识黄老师...
    甜大人呀阅读 60评论 0 0