Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/viljamis/nuxt-design-system below:

arielsalminen/nuxt-design-system: Simplified example on how to use Vue Design System as an NPM Dependency on Nuxt project

• Pricing

• README

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.

1. Switch to your vueds project and change libraryTarget setting in config/index.js to commonjs2.
2. Now build your design system for production by running npm run build:system inside the vueds project.
3. After done, switch to this project and run first rm -rf node_modules to make sure the temporary local installation won’t cause issues.
4. 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).
5. Once you’ve installed the design system, run npm install to install the rest of the dependencies.
6. In your nuxt.js project, create a new file at plugins/design-system.js:

import Vue from 'vue'
import DesignSystem from 'vue-design-system'
import 'vue-design-system/dist/system/system.css'

Vue.use(DesignSystem)

1. Import this plugin in the nuxt.config.js file (you can remove the ssr: false part if you build your library as a commonjs2 module):

plugins: [{
  src: '~/plugins/design-system', ssr: false
}]

1. Now you can run npm run dev to test that your design system build and its components work (you will get a couple of errors for some reason when testing locally).
2. If everything more or less works you should move your system to a private GitHub repository and do the NPM install directly from that repo (see the steps above).

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

• JavaScript 60.4%
• Vue 39.6%

You can’t perform that action at this time.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4