self_project/셀프 프로젝트

웹 사이트 만들기 01

jiwoolee 2024. 1. 18. 23:01
1. 계정 만들고
2. 계정 로그인하고
3. 뭔가를 설정할 수 있는 페이지

 

아직 아무것도 없지만 우선 기본 페이지를 만들면서

머리 식히는 용으로 웹 개발을 다시 시작해보려고 한다

 

 

 

Node.js 설치

os에 맞는 파일로 설치

https://nodejs.org/download/

node -v

 

npm 설치

 

 

 

Vue 설치

ternimal에서 npm으로 vue 설치

# 최신 안정화 버전
npm install vue
npm vue -v

 

 

 

 

Vue-cli 설치

프로젝트 생성 및 관리 라이브러리 vue-cli

npm install -g @vue/cli c

 

근데 설치 에러 발생

 

sudo npm install -g @vue/cli

 

vue -V

 

 

 

 

Vue 프로젝트 생성

vue init webpack my_web_tool

근데 또 에러 발생

 

npm i -g @vue/cli-init

sudo chown -R 501:20 "/Users/jiwoo/.npm"

 

 

근데 또 에러 발생

vscode가 뭘 물고 있어서 안되는가보다

cd Desktop
npm cache clean --force
npm install -g npm@latest --force
npm cache clean --force

 

 

근데 또 에러 발생

 

그러면 sudo로 

sudo npm i -g @vue/cli-init

 

 

그러고 다시 시도

vue init webpack my_web_tool

 

드디어 된다

설치는 한참 걸린다

 

 

cd my_web_tool
npm run dev

 

근데 에러 발생

sh: webpack-dev-server: command not found

🤦‍♀️🤦‍♀️🤦‍♀️