vue-directory-tree - A visualization of relevant files for vue repo, along with notes

  •        2

🎋 Often when we're excited about contributing to a project, it takes a little while to understand the codebase even before we get started. It's estimated that developers spend 70% of their time reading code and only 30% writing. This project documents how Vue.js is set up with special notes taken from a Vue core meeting with Evan You. This should help guide people through the directory structure and give context to how and why things are set up the way that they are so that they can get set up to contribute as soon as possible. Shows the whole Vue.js repo directory structure, with only the sections with notes shown initially. Any files that we have more info on have a note (exposed on hover). All notes and open directories are in the Vuex store.

https://sdras.github.io/vue-directory-tree/
https://github.com/sdras/vue-directory-tree

Dependencies:

directory-tree : ^2.1.0
normalize.css : ^8.0.0
vue : ^2.5.13
vuex : ^3.0.1

Tags
Implementation
License
Platform

   




Related Projects

project-explorer - 🎋A CLI tool to create an annotated tree visualization of any project

  •    Javascript

Create a tree visualization of any project with this CLI tool. When ramping people up on an existing codebase, there's often a lot of state they have to understand about the project- where everything is, where everything starts, exceptional files. With this tool, you can generate a visualization of any project, as well modify certain directories to be open, or have notes that people can read through easily. A working example of this exists here. I created this for Vue core off of notes taken at a core meeting as Evan You walked us through some of the file structure.

Vue.D3.tree - Vue component to display tree based on D3.js layout.

  •    Vue

Update documentationVue components to display graphics based on D3.js layout. For all these events, the argument passed is {element, data} where element represents the node build by D3.js and data is the node raw data.

vue-tree - tree and multi-select component based on Vue.js 2.0

  •    Vue

The document is poorly written and you are welcome to refine your documentation in the process of using it to better help others.

blessed-vue - A VueJS runtime to let you write command line UI in Vue

  •    Javascript

Compile against VueJS 2.5.13. This package is a Vue.js runtime for blessed and now blessed-contrib. The current version is compiled against VueJS 2.5.13, which means those lovely features and bug fixes comes with v2.5.13 in vue core will be available in the current version. For example, the lovely improvements about the functional components.

vue-upload-component - Vue

  •    Vue

Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter


vue-inspector - Vue.js Inspector for Mobile Devices

  •    Javascript

vue-inspector is a basic inspector for Vue.js that works with mobile devices. It could work in a desktop environment, but I do not recommend that; use Vue.js devtools instead. With vue-inspector is possible to execute JavaScript code directly in your mobile browser and get error messages generated at run-time. Also inspect the data, props, router links, views/components, computed properties, routes, Vuex and more... inside your Vue.js project.

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

  •    Javascript

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.

vue-todos - vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!

  •    Javascript

本课程会带大家从零开始实战vue,希望通过此课程能够使初学者门能够快速的上手vuejs,快速的学习使用vue常用的api.让vue.js的初学者们循序渐进的,有效的学习vuejs.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

vue-wordpress-pwa - An offline-first SPA using Vue

  •    Javascript

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

vue-toasted - ⚡ Responsive Touch Compatible Toast plugin for VueJS 2+

  •    Javascript

Vue Toasted is One of the Best Toast plugin available for VueJS. it is responsive, touch compatible, easy to use, attractive and feature rich with icons, actions etc... Checkout the Interactive Demo here.

vue-virtual-scroller - ⚡️ Smooth scroll with any amount of data

  •    Vue

Smooth scroll with any amount of data (demo). ⚠️ vue-virtual-scroller now uses vue-observe-visibility to automatically refresh itself when shown to prevent display glitches. This means you need to include the Intersection Observer polyfill needed by vue-observe-visibility for this to work in old browsers (like Internet Explorer).

vue-vscode-snippets - These snippets were built to supercharge my workflow in the most seamless manner possible

  •    Javascript

These snippets were built to supercharge my workflow in the most seamless manner possible. This repo was built particularly for real world use. It doesn't catalogue the API definitions, and it's not a kitchen sink approach. Rather, it focuses on developer ergonomics from the point of Vue of real world use. Included are the pieces I personally get sick of typing, have to keep looking up, or forget to consider while developing that I make more use of when they're at my fingertips.

vue-django - @Django integrated with a full-featured @Webpack + (@vuejs / vue-loader) setup with hot reload, linting, testing & css extraction

  •    Javascript

@NdagiStanley has mirrored the fork to have this repo here. This starterpack has proved useful to many and I thank you for the emails I have received from all of you. The reasoning behind this mirror is that this is an effort to support the users more by developing further on this project. From here on, I am calling on all potential collaborators by making it easier to make PRs and adding utility of Issues in this 'new' repo (Of course with the same name :) ). Lastly, just so you know, I'll be keeping up with developments in the original. If you are using vue-cli@1.x, it will be pulling the master branch of this template by default. If you are using vue-cli@2.x, it will be pulling the dist branch instead, which provides more configurable options thanks to new features in vue-cli@2.x. It is recommended to upgrade vue-cli as soon as you can.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.