분류 전체보기52 Ch.03 Vue 프로젝트 생성 - 사용자 옵션으로 생성하기 2. 사용자 선택(Manually select features) 옵션으로 Vue 프로젝트 생성하기 vue create vue-manually 새 프로젝트를 생성한다. 맨 아래의 Manually select features를 선택하고 엔터. 이렇게 선택창이 뜨면 위의 네 가지를 스페이스로 체크하도록 한다 Babel : Es6 버전이나 TypeScript로 코딩할 경우에 브라우저 버전에 상관 없이 범용적인 Es 파일으로 자동전환 지원을 해줌 TypeScript : Vue에서 TypeScript로 코딩을 하는 경우 지원해주는 기능 Progressive Web App : Web App 개발을 지원해주는 기능 Router : (다음 강의에서 자세히 설명을 할 예정) Vue Router 를 위한 기능 Vuex : .. 2023. 3. 14. Ch.03 Vue 프로젝트 생성 - Default 옵션으로 생성하기 1.Default 옵션으로 Vue 프로젝트 생성하기 vue create 프로젝트명 프로젝트명까지 적고 엔터를 치고 나면 이렇게 프리셋을 설정할 수 있도록 선택할 수 있는 창이 뜬다 Default값의 Vue3 최신 버전으로 다운을 받도록 하겠다 (폴더, 파일, 설정 등이 자동으로 생성된다) 이렇게 다운로드가 완료되었다면 cd vue-default npm run serve 입력하도록 한다 완료되었다면 http://localhost:8080/ 으로 들어가본다 정상적으로 실행된 모습을 볼 수 있다 위의 모습은 vue프로젝트 설치하면 처음에 뜨는 기본적인 화면이다. 따라서 위의 화면이 보인다면 정상적으로 모두 설치가 완료됐다는 뜻이다. 어떤 파일이 설치되었는지 살펴보자 node 프로젝트 해 본 사람들은 알겠지만 .. 2023. 3. 14. Ch.03 Vue 프로젝트 생성 - Vue CLI 설치하기 Vue CLI 설치하기 - Vue 프로젝트를 생성하고, 관리하고, 빌드하는 제공을 제공해 준다. -Vue 프로젝트의 폴더 구조, 필요한 파일들, 기본 설정 옵션을 명령어를 통해 자동으로 만들어 준다. npm install -g @vue/cli 명령어 입력하기 (윈도우의 경우 admin 계정으로 로그인 해 사용중이라면 sudo 없이 그대로 명령어 입력해도 되지만, admin계정이 아니거나 os일 경우에는 맨 앞에 sudo를 붙여 입력해야 한다) -g란 global이라는 뜻이다. 지금 설치하는 플러그인은 어떤 하나의 프로젝트에 종속되어 사용하는 것이 아니고, 앞으로 어떤 프로젝트를 만들더라도 이 플러그인을 사용할 수 있도록 전역적으로 이 패키지를 설치하겠다는 의미.) Vue CLI를 이용해서 프로젝트 만들기.. 2023. 3. 5. [Vue.Js]"vue : 이 시스템에서 스크립트를 실행할 수 없으므로..." 프로젝트를 시작하려고 하자마자 에러가 떴다.. [개발환경] windows10 64bit node.js : v18.14.2 npm : 9.5.0 해당 문제의 원인은 Windows 의 Powershell 실행정책 때문이라고 한다 (시키는 대로 https://go.microsoft.com/fwlink/?LinkID=135170 에 들어가서 읽어보자) 해결방법 1. Windows Powershell 관리자로 실행하기 로 실행해야한다 2. 권한 확인하기 Get-ExecutionPolicy 3. 권한 재설정하기 Set-ExecutionPolicy RemoteSigned 실행 정책의 종류에는 AllSigned Bypass Default RemoteSigned Restricted(default임) Undefined U.. 2023. 3. 1. 이전 1 2 3 4 ··· 13 다음
