Learn how to use Argon’s included npm scripts to start a local server, compile source scss code, run tests, and more.
Our package.json includes convenient methods for working with the framework, including compiling code and building it for production. The template is based on Vue CLI 3 which is a modern tool to build Vue apps. It has numerous plugins and even a user interface.
We used Vue CLI 3 for Argon Design System. Vue CLI is a very easy and convenient way to develop Vue.js applications. It has great built ins, yet is very customizable based on your own needs. For more info, check out their docs.
Argon Design System uses Autoprefixer (included in our build process) to automatically add vendor prefixes to some CSS properties at build time. Doing so saves us time and code by allowing us to write key parts of our CSS a single time while eliminating the need for vendor mixins like those found in v3.
Vue CLI 3 is powered by Webpack and it’s great ecosystem. Under the hood, Vue CLI compiles
Vue CLI comes along with eslint. You can configure it in the
npm run lint --fix command.