vue框架目录结构(全)

  使用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
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值