khilda / scssstructure

Vue Project init

npm install -g @vue/cli

vue create ${폴더명}


Vue CLI v5.0.8
Failed to check for updates
? Please pick a preset: (Use arrow keys)
  Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
> Manually select features

? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection, and
<enter> to proceed)
 (*) Babel
 ( ) TypeScript
 ( ) Progressive Web App (PWA) Support
 (*) Router
 (*) Vuex
>(*) CSS Pre-processors
 (*) Linter / Formatter
 ( ) Unit Testing
 ( ) E2E Testing

? Choose a version of Vue.js that you want to start the project with
  3.x
> 2.x

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) y

? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
> Sass/SCSS (with dart-sass)
  Less
  Stylus
  
? Pick a linter / formatter config:
  ESLint with error prevention only
  ESLint + Airbnb config
  ESLint + Standard config
> ESLint + Prettier

? Pick additional lint features: (Press <space> to select, <a> to toggle all, <i> to invert selection, and <enter> to
proceed)
>(*) Lint on save
 ( ) Lint and fix on commit
 
? Where do you prefer placing config for Babel, ESLint, etc.?
  In dedicated config files
> In package.json

? Save this as a preset for future projects? (y/N) n

Nuxt Init Setting

npm init nuxt-app ${폴더명}

create-nuxt-app v5.0.0
✨  Generating Nuxt.js project in project
? Project name: (project)
? Programming language: (Use arrow keys)
> JavaScript
  TypeScript
? Package manager:
  Yarn
> Npm
? UI framework: (Use arrow keys)
> None
  Ant Design Vue
  BalmUI
  Bootstrap Vue
  Buefy
  Chakra UI
  Element
  Oruga
  Primevue
  Tachyons
  Tailwind CSS
  Windi CSS
  Vant
  View UI
  Vuetify.js
? Template engine: (Use arrow keys)
> HTML
  Pug  
? Nuxt.js modules:
>(*) Axios - Promise based HTTP client
 ( ) Progressive Web App (PWA)
 ( ) Content - Git-based headless CMS
? Linting tools:
 (*) ESLint
>(*) Prettier
 ( ) Lint staged files
 ( ) StyleLint
 ( ) Commitlint
? Testing framework: (Use arrow keys)
> None
  Jest
  AVA
  WebdriverIO
  Nightwatch
? Rendering mode: (Use arrow keys)
> Universal (SSR / SSG)
  Single Page App
? Deployment target: (Use arrow keys)
> Server (Node.js hosting)
  Static (Static/Jamstack hosting)
? Development tools:
>(*) jsconfig.json (Recommended for VS Code if you're not using typescript)
 ( ) Semantic Pull Requests
 ( ) Dependabot (For auto-updating dependencies, GitHub only)
? Continuous integration:
> None
  GitHub Actions (GitHub only)
  Travis CI
  CircleCI
? Version control system: (Use arrow keys)
> Git
  None