Home
campgrounds-design-system

campgrounds-design-system

Campgrounds Design System

Setup

Install dependencies:

yarn
yarn start

Visit http://localhost:6060.

Symlink to Campgrounds Web

Run link in Campgrounds Design System directory.

cd campgrounds-design-system
yarn link

Run link in Campgrounds Web directory.

cd campgrounds-web
yarn link campgrounds-design-system

Publish to NPM

Run build first to test locally.

yarn build:system

Install np globally.

npm install -g np

Use np to publish to NPM. Follow semantic versioning.

np

Dependencies

@popperjs/core: ^2.6.0 core-js: ^3.6.5 lodash: ^4.17.20 mini-css-extract-plugin: ^0.4.5 optimist: ^0.6.1 postcss-import: ^12.0.1 postcss-loader: ^3.0.0 postcss-safe-parser: ^4.0.1 postcss-url: ^8.0.0 tinycolor2: ^1.4.1 vue: ^2.5.17 vue-lodash: ^2.0.0 vue-meta: ^1.5.6 vue-router: ^3.0.2 vuex: ^3.0.1 webfontloader: ^1.6.28

Dependencies

@babel/cli: ^7.1.5 @babel/core: ^7.1.6 @babel/plugin-proposal-class-properties: ^7.1.0 @babel/plugin-proposal-object-rest-spread: ^7.0.0 @babel/plugin-syntax-dynamic-import: ^7.0.0 @babel/plugin-transform-runtime: ^7.1.0 @babel/preset-env: ^7.1.6 @babel/register: ^7.0.0 @vue/cli-plugin-eslint: ^4.5.6 @vue/eslint-config-standard: ^5.1.2 @vue/test-utils: ^1.0.0-beta.26 autoprefixer: ^9.4.0 babel-core: ^7.0.0-bridge.0 babel-eslint: ^10.0.1 babel-jest: ^23.6.0 babel-loader: ^8.0.4 chalk: ^2.4.1 codemirror: ^5.42.0 compression-webpack-plugin: ^2.0.0 copy-webpack-plugin: ^4.6.0 css-loader: ^1.0.1 eslint: ^6.7.2 eslint-plugin-compat: ^2.6.3 eslint-plugin-es5: ^1.3.1 eslint-plugin-import: ^2.20.2 eslint-plugin-node: ^11.1.0 eslint-plugin-promise: ^4.2.1 eslint-plugin-standard: ^4.0.0 eslint-plugin-vue: ^6.2.2 file-loader: ^2.0.0 friendly-errors-webpack-plugin: ^1.7.0 html-loader: ^0.5.5 html-webpack-plugin: ^3.2.0 http-proxy-middleware: ^0.19.1 husky: ^1.2.0 jest: ^23.6.0 jest-serializer-vue: ^2.0.2 node-notifier: ^5.3.0 node-sass: ^4.13.0 npm-run-all: ^4.1.5 onchange: ^5.1.3 optimize-css-assets-webpack-plugin: ^5.0.1 ora: ^3.0.0 portfinder: ^1.0.20 prettier: ^1.15.3 pretty-quick: ^1.8.0 rimraf: ^2.6.0 sass-loader: ^7.1.0 sass-resources-loader: ^2.0.0 semver: ^5.6.0 shelljs: ^0.8.3 style-loader: ^0.23.1 terser-webpack-plugin: ^1.1.0 theo: ^8.0.1 url-loader: ^1.1.2 vue-jest: ^3.0.1 vue-loader: ^15.4.2 vue-style-loader: ^4.1.2 vue-styleguidist: ^2.0.2 vue-template-compiler: ^2.5.17 webpack: ^4.26.1 webpack-bundle-analyzer: ^3.0.3 webpack-cli: ^3.1.2 webpack-dev-server: ^3.1.10 webpack-merge: ^4.1.4 webpack-merge-and-include-globally: ^2.1.7

© 2023 Vuejscomponent All Rights Reserved

Introducing a blog that delves into the exciting world of Vue.js components. Stay tuned for insightful examples and valuable insights that will elevate your Vue.js development skills.