Code Monkey home page Code Monkey logo

hmqqk.github.io's Introduction

vue 3.x 项目目录结构

project
│   node_modules: npm 加载的项目依赖模块
│───config
│       │   proxy.config.js: 项目代理配置
│       │   template-date.json: 模拟后端模板注入数据
│   lib: 外部插件
│───src: 源码目录
│   │───    assets: 放置字体(fonts)、图标(icon)、图片(images)和样式(styles)等,经webpack解析处理
│   │───    components: 全局公用组件
│   │───    constants: 设置常量
│   │───    filters: 过滤器,如文本格式化
│   │───    layouts: 页面布局
│   │───    views: 页面
│   │───    plugins: 插件,如注入到 Vue.prototype 中的属性或方法
│   │───    routes: 各 module 路由控制
│   │───services
│   │   │   xxx.js:各 module 的 api 请求
│   │   │   index.js:总 api
│   │   │   xFetch.js:封装后的 fetch 方法
│   │───store
│   │   │   xxx.js:模块,每个模块有 mutation-types (设置常量替代 Mutation 事件类型)、State、Getter、Mutation 和 Action
│   │   │   index.js:总 Store
│   └───utils: 工具包
│       App.vue: 根组件
│       main.js: 项目入口文件,引入根组件、框架、插件及路由设置等,并定义 vue 实例
│       router.js: 总路由控制
│       store.js: 总 store
│───public: 静态资源,不被 webpack 处理
│       │   favicon.ico: icon
│       │   index.html: 模板
│   .eslintrc.js: es 语法检查配置文件
│   .gitignore: git 上传忽略的配置文件
│   .npmrc: npm 配置文件
│   babel.config.js: babel 编译参数配置,将ES6代码转为浏览器识别的代码
│   .postcssrc.js: PostCSS(转换CSS)配置文件
│   build.sh: 项目发包 shell 脚本
│   package.json: 项目描述文件(项目名称、作者等信息)
│   package-lock.json: 锁定包版本号
│   vue.config.js: 配置文件(可选,可被 @vue/cli-service 自动加载),如若配置 webpack ,设置 vue.config.js 中 configWebpack 和 chainWebpack(参考: https://cli.vuejs.org/config/ 和 https://cli.vuejs.org/guide/webpack.html)
│   README.md: 项目的说明文档,markdown 格式 

Blog of Hong Liu

Blog: https://hmqqk.github.io.

Topics: Web Front-End Developing and More.

Description

In order to hold on writing articles to record life, I builde my love blog nest based on the framework hexo.There is actually merits in this blog, such as easy maintenance feature, as well as various of themes. I choose the yilia as theme and add personal design to beautify pages. of Course, I customize my own homepage to know more about me.

a part of home page

a part of content page

hmqqk.github.io's People

Contributors

hmqqk avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

dandanbrave

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.