macos에서 vs code, vue, vuetify 설치 시 참조

1. vs code (https://code.visualstudio.com/download)

 

2. powershell (referer: MacOS에 PowerShell 설치 - PowerShell | Microsoft Docs)

$ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 
$ brew install --cask powershell

 

3. vue

vs code의 terminal 메뉴의 새 터미널을 선택

 

$ npm install -g @vue/cli

 

4. vuefity

$ vue create my-app

$ cd my-app

$ vue add vuetify

? Choose a preset: (Use arrow keys)

   Default (recommended)

   Preview (Vuetify 3 + Vite)

   Prototype (rapid development)

> V3 (alpha)

   Configure (advanced)

 

5. misc.

  5.1 permission deied, access node_modules (referer : https://stackoverflow.com/questions/48910876/error-eacces-permission-denied-access-usr-local-lib-node-modules/51024493#51024493)

 

npm ERR! path /usr/local/lib/node_modules

npm ERR! code EACCES

npm ERR! errno -13

npm ERR! syscall access

npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

npm ERR! errno: -13,

npm ERR! code: 'EACCES',

npm ERR! syscall: 'access',

npm ERR! path: '/usr/local/lib/node_modules' }

...

 

First check who owns the directory

ls -la /usr/local/lib/node_modules

 

it is denying access because the node_module folder is owned by root

drwxr-xr-x 3 root wheel 102 Jun 24 23:24 node_modules

 

Then change owner

sudo chown -R $USER /usr/local/lib/node_modules

 

5.2 node_modules 디렉토리 권한 설정 변경시 su:Sorry (referer : https://devmg.tistory.com/177)

Computer:~ user$ sudo -s

bash-3.2# passwd root

 

6. test

$ cd <project-name> $ npm install $ npm run dev