본문 바로가기

IT-FrontEnd/Vue4

[WEBPACK] 뷰 템플릿 만들기 - 2 1. Vue 최신 버젼 설치 npm i vue@next npm i vue@next 명령어는 Node Package Manager(NPM)를 사용하여 Vue.js의 "next" 태그가 붙은 버전을 설치하는 명령입니다. 여기서 "next" 태그는 Vue.js의 최신 베타, 알파 또는 Release Candidate(RC) 버전을 가리키는 데 사용됩니다. 이 명령어를 사용하면, Vue.js의 안정적인 최신 버전 대신에, 최신 기능과 개선 사항이 포함된 선도적인 버전을 실험해볼 수 있습니다. ※ vue vue@next 에러 발생시 더보기 만약 npm vue 설치중 에러가 발생했다면, 버젼을 명시해서 설치합니다. npm i vue@3 2. Vue.js 관련 의존성 패키지 설치 npm i -D vue-loader@.. 2024. 3. 17.
이 시스템에서는 스크립트를 실행할 수 없으므로 ...\vue.ps1 파일을 로드할 수 없습니다. VUE CLI ERROR windows에서 VUE CLI를 설치하고 아래같은 에러가 발생할 수 있습니다. 에러 내용 : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\사용자\AppData\Roaming\npm\vue.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오. 에러 원인 : 보안 이슈로서 스크립트 실행 정책으로 인해 발생한 에러입니다. 실행 정책은 시스템에서 스크립트를 실행할 수 있는 보안 수준을 결정합니다. 해결 방법 : 아래 명령어로 실행 정책을 변경하고 승인을 진행합니다. Set-ExecutionPolicy RemoteSigned 2024. 3. 17.
[WEBPACK] 뷰 템플릿 만들기 - 1 회사에서 간단하게 사용할 겸, 이전에 스터디 했던 내용도 정리할 겸. webpack을 이용하여 vue template을 제작하려고 합니다. 관심 있으신 분들에게 도움이 되었으면 좋겠네요. :) VUE ? VUE는 vue.js라고 하며 사용자 인터페이스를 구축하기 위한 점진적인 JavaScript 프레임워크입니다. Evan You에 의해 2014년에 처음 소개되었으며, 간단한 페이지에서부터 복잡한 싱글 페이지 애플리케이션(SPA)까지 다양한 웹 인터페이스 개발에 사용됩니다. 다양한 개발 플러그인 지원과 상대적으로 학습하기 쉬운편이라 초보자도 쉽게 시작할 수 있다는 장점이 있습니다. VUE에 대한 상세한 특징에 대해서는 구체적으로 기술하지 않겠습니다. WEBPACK ? Webpack은 현대 JavaScrip.. 2024. 3. 16.
'vue'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 윈도우에서 VUE를 처음 설치하고 발생한 오류입니다. ( 이래서 개발은 MAC에서 하는가봅니다.. ) ■ 원인 이 메시지는 Windows 커맨드 프롬프트나 PowerShell에서 'vue'라는 명령을 실행하려고 할 때 해당 명령이 인식되지 않거나 시스템 경로에 설치되어 있지 않음을 의미합니다. 이는 주로 Vue.js 프레임워크의 명령줄 도구인 Vue CLI가 올바르게 설치되지 않았거나 시스템 환경 변수(PATH)에 등록되지 않았을 때 발생하는 에러 입니다.원인은 알았으나, 해결 방법은 찾기 조금 힘들었는데요, 개인적으로 해결했던 방법을 공유 드립니다.총 4가지 방법을 시도했으며, 아래 3가지에서 실패하신 분들은 4번으로 바로 넘어가셔서 시도해보시걸 추천 드립니다.​​vue 재설치cmd창에서 삭제 명령어 .. 2023. 11. 5.