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