Vue-cli 설치
소개
Vue-Cli는 Vue의 스캐 폴딩입니다. 설치가 완료된 후 명령을 통해 실행 가능한 Vue 개발 환경을 신속하게 생성 할 수 있습니다. 이는 지루한 웹팩 구성과 다양한 플러그인 설치를 생략 할 수 있습니다. 실행 가능한 환경, 간단한 프로젝트의 초기 구축을 용이하게하고 Vue.
참고 : 여기에 사용 된 스캐 폴딩 버전은 비교적 새롭고 필요한 Node.js 버전도 비교적 높습니다. 원본 Node.js 버전을 제거하지 않으려는 경우 해결 방법은 다음과 같습니다.
설치 단계
- Node.js가 설치되어 있지 않은 경우 먼저 Node.js를 설치해야합니다 (https://nodejs.org/zh-cn/
현재 릴리스 버전 선택) Node.js가 이미 설치되어있는 경우 node-in cmd를 실행합니다. v 현재 설치된 버전을보십시오. Node.js
V8.9 이상을 설치해야합니다. 제거하고 다시 설치할 필요가 없습니다. 두 개의 Node 버전을 직접 설치하기 만하면됩니다. 해결 방법은 다음과 같습니다.
1.安装node.js管理工具nvm for windows
包地址为:https://github.com/coreybutler/nvm-windows/releases,选择nvm-setup.zip下载即可。
2.安装教程:https://www.cnblogs.com/gaozejie/p/10689742.html ,注意选择的安装路径最好不要有中文和空格。
3.安装完nvm后,可以通过以下几个命令来完成对node的版本切换:
nvm list //查看本地安装的所有版本
nvm install //安装相关版本的node.js
nvm use 11.12.0 //切换当前node版本到11.13.0
nvm uninstall 11.12.0 //卸载版本号为11.12.0的Node.js
- Node.js를 설치 한 후 일반적으로 Node.js와 함께 제공되는 npm을 통해 관련 종속성 패키지를 관리하지만 npm웨어 하우스 주소는 패키지 다운로드를 용이하게하고 Taobao 미러를 설치하기 위해 해외에 있습니다. cmd에서 명령을 실행합니다.
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v //判断是否安装成功
- 명령을 실행하여 Vue-cli 설치
npm install -g @vue/cli
vue --version //检验安装是否成功
성공적인 설치의 테스트 결과는 다음과 같습니다.
신속한 프로토 타입
단일 * .vue 파일의 빠른 개발에 적합합니다. 그러나 전역 종속성을 설치해야합니다.
cnpm install -g @ vue / cli-service-global
설치가 완료되면 .vue 파일, 기본 단어 main.js、index.js、App.vue
또는 app.vue
하나를 빠르게 만들 수 있습니다 . AAA.vue와 같은 항목 파일을 명시 적으로 지정한 다음 시작하고 다음과 같은 방법으로 브라우저에 표시 할 수도 있습니다.
vue serve AAA.vue
간단한 프로젝트 구축
해당 종속성 구성 (Babel + ESLint) 생성을 포함하여 다음 명령을 실행하여 간단한 프로젝트를 빠르게 생성 할 수 있습니다. 이러한 기본 설정은 새 프로젝트의 프로토 타입을 빠르게 생성하는 데 매우 적합합니다.
vue create hello-world
동시에 프로젝트 생성을위한 UI 인터페이스 사용도 지원합니다.
vue ui