vue项目的各个文件作用

vue项目的各个文件作用:

build:放置的是webpack配置文件,一般不动,修改了必须重启服务器才能生效

config:放置针对开发环境和线上环境的配置文件,一般不动 修改后需重启

node_modules:项目的依赖

src:所有的源代码

static:静态资源 //只有这个目录可以被外部访问到,如http://localhost:8080/static/mock/index.json 能访问到内容,
//http://localhost:8080/src/main.js 这样不会访问到内容,只会跳回到http://localhost:8080/
//static用于本地模拟数据

.babelrc:babel编译

.editorconfig:浏览器配置

eslintignore:eslint的配置

.eslintrc.js:

.gitignore: //加上目录如代码: static/mock就表明这个目录下的文件不会被提交到线上的git仓库里,以及本地的仓库也不会提交

.postcssrc.js:

index.html:

package-lock.json:

package.json:

README.md:

src-->main.js 整个项目的入口文件

因为webpack中配置了hot-reload,所以代码修改,浏览器自动刷新。

组件的封装: .vue文件 包括组件的模板(template) 逻辑(script) 样式(style)

main.js入口文件

启动项目:在项目文件夹下运行命令 npm run start

原文地址:https://www.cnblogs.com/jing-tian/p/11749989.html