vue框架目录结构(全)
使用vue init webpack 项目名称命令创建的vue-cli2的项目目录目录说明:bulid:项目构建相关代码config:配置目录,包括端口号等node_modules:npm加载的依赖模块src:我们要开发的目录,基本上要做的事情都在这个目录里。里面包括几个目录及文件:assets:放置一些图片components:组件文件,可以不用router:配置路由跳转views:存放页面Ap
·
使用vue init webpack 项目名称命令创建的vue-cli2的项目目录
目录说明:
bulid:项目构建相关代码
config:配置目录,包括端口号等
node_modules:npm加载的依赖模块
src:我们要开发的目录,基本上要做的事情都在这个目录里。里面包括几个目录及文件:
assets:放置一些图片
components:组件文件,可以不用
router:配置路由跳转
views:存放页面
App.vue:项目入口文件,我们可以把组件写在这里,而不是用components目录
main.js:项目核心文件
static:静态资源目录,如图片、字体等
.babelrc:用来设置转码规则presets和插件plugins
.editorconfig:用来配置编码规则
.gitignore:过滤,向git提交代码时不需要提交
.postcssrc.js:用来兼容浏览器
index.html:首页入口文件
package-lock.json:
package.json:项目配置文件
README.md:项目说明文档,Markdown格式
使用vue create 项目名称命令创建的vue-cli3的项目目录
目录说明:
node_modules:npm加载的依赖模块
public:用来放一些公共的东西
favicon.ico:用来放置一些公共图标
index.html:首页入口文件
src:我们要开发的目录,基本上要做的事情都在这个目录里。里面包括几个目录及文件:
assets:放置一些图片
components:组件文件,可以不用
App.vue:项目入口文件,我们可以把组件写在这里,而不是用components目录
main.js:项目核心文件
.browserslistrc:设置浏览器兼容
.eslintrc.js:eslint检测,配置代码检查
.gitignore:过滤,向git提交代码时不需要提交
.postcssrc.js:用来兼容浏览器
bable.config.js:babel语法编译
package-lock.json:
package.json:项目配置文件
README.md:项目说明文档,Markdown格式
更多推荐
已为社区贡献2条内容
所有评论(0)