Skip to content

Simplified example project on how to use Vue Design System as an NPM Dependency

Notifications You must be signed in to change notification settings

arielsalminen/vue-design-system-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Using Vue Design System as an NPM Dependency

Testing from a remote repository

  1. Clone this repository
  2. Run rm -rf node_modules && npm install
  3. Now you can run npm run dev to test that the design system build and its components work.
  4. When you’re ready to start testing your own system library, switch the vue-design-system dependency in the package.json to point to your own private repository.

Testing things locally

  1. Build your design system first for production by running npm run build:system inside the vueds project.
  2. After done, switch to this project and run first rm -rf node_modules to make sure the temporary local installation won’t cause issues (if doing a direct clone of this repo, remove also this line from package.json: "vue-design-system": "file:../vue-design-system").
  3. Now install the system locally by running npm install --save file:/Users/viljamis/code/vue-design-system (modify the path to match your own system).
  4. Once you’ve installed the design system, run npm install to install the rest of the dependencies.
  5. Now you can run npm run dev to test that your design system build and its components work.
  6. If everything works you should probably move your system to a private GitHub repository and do the NPM install directly from that repo (see the steps above).

About

Simplified example project on how to use Vue Design System as an NPM Dependency

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published