어디까지 UI개발자가 해야하는걸까 고민하다가 (1)

vue.js 한다고 나대던게 벌써 3년 전

그치만 제대로 한거 없이 초반에 깔짝대다 그대로 멈춰버린 vue...........

하긴 해야하는데 'ㅅ'

퓨............

 

 

이론 읽기/쓰기 귀찮다

다른 사람들이 이미 많이 써놨으니 그거 보면 그들도 좋고 나도 좋고 :D

그래서 다짜고짜 다시 vue 플젝을 만들어보기로 해따

 

 

 

 

1. 원하는 위치에 vuejs 폴더 > 0218 폴더 생성 

    난 C:에 vue 폴더 생성 > 오늘 날짜로 폴더하나 더 생성

    (플젝명으로 폴더 생성하시는게 더 좋을텐데 뭐할지 안정했으니까)

 

 

2. vs code 열기 > Open folder 클릭 > vuejs 폴더 > 0218폴더 선택

   서브라임에서도 당연히 되겠지만 그냥 vs code로 열어보기

   다음엔 서브라임에서 여는 것도 해보기로

 

 

3. vs code 상단 메뉴 중 [Terminal] > New Terminal 클릭하면

   하단에 problems / output / debug console / terminal(활성) 영역 오픈

   cmd 안열고 이 터미널에서 npm, vue 명령어 입력

   참조 이미지 ▼ 

 

4. 우선 npm 명령어 설치

C:\vuejs\0218> npm install

 

 

5. vue-cli설치

C:\vuejs\0218> npm install -g @vue/cli

설치가 다 되면 @vue/cli@4.5.11 이렇게 버전과 함께 완료됨을 알 수 있다

 

다시 한번 vue cli 설치 확인하려고

C:\vuejs\0218> vue -v

 

를 쳤는데

 

아니 이게 뭐람??.....

vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\User\AppData\Roaming\npm\vue.ps1 파일을 로
드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=1351 
70)를 참조하십시오.
위치 줄:1 문자:1
+ vue
+ ~~~
    + CategoryInfo          : 보안 오류: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess

 

 

나한테 왜이래?

vue create (폴더명)

도 안먹어!!!!!

어디서부터 잘못된거지

 

그러다 검색 중에

vue.cmd create (폴더명)으로 해보면 된다고 해서 했더니 된다;

 

그래 스리슬쩍 6. vue플젝 폴더를 만들어보자

vue.cmd create d-d

그럼

Vue CLI v4.5.11
? Please pick a preset: (Use arrow keys)
> Default ([Vue 2] babel, eslint)
  Default (Vue 3 Preview) ([Vue 3] babel, eslint) 
  Manually select features

저 세개 중 무엇으로 할것인가 물어본다.

 

우선 다 모르게찌만 vue3가 좋지 않을까 하는 생각에

두번째껄 pick해본다.

 

설치가 다 되면 아래와 같이 나타난다.

�  Successfully created project d-d.
�  Get started with the following commands:

 $ cd d-d
 $ npm run serve

 

7. 자 열어보자

C:\vuejs\0218> cd d-d
C:\vuejs\0218> npm run serve

 

8. Wow 성★공★

 

 

아까 에러는 찾아본 후 남겨놔야겠다