이 회사는 회사의 관행이 먼저 간단하게 이전에 들어하지 않는 VUE를 사용하여 프론트 엔드에 온 것을 발견했다. 다음은 코드를 보면 할 필요가 듯했지만,하지만 문서 일 것입니다
당신은 내가 구성하고 실행에 많은 좌절의 결과로, 이해를 돕기 위해 함께 연방 수사 국 (FBI)의 전면과 후면 중 하나를 실행하려면, 공부하고 자신의 필요 나 편의에 대해 쓰고 싶다
우리는하지 채굴을 직접 실행 좋은
아이디어 플러그인 VUE의 첫 번째 구성
파일을 클릭 -> 설정 -> 플러그인 -> 검색 vue.js는 플러그인 설치, 다음 그림은 내가 설치했습니다.
둘째, Node.js를 환경을 구축
설치 Node.js를이 갈 수 있습니다 다운로드 공식 웹 사이트 , 설치 과정은 매우 간단 라인에 다음 단계를 직접 :
설치가 성공 여부를 테스트 : 관리자 cmd를 사용하여 명령 줄 모드를 열려면
직접, 따라서 설치가 완료되면 명령 줄 도구, 입력 노드를 엽니 다 -v 버전 번호가 표시되면 다음 성공적으로 설치, NPM 패키지 관리자는 노드에 통합
NPM NPM -v 버전 정보를 표시합니다 입력
음, 노드 환경이 성공적으로, 일부는 어떤 이유로 차단 된 자원이나 외국 자원을 NPM 때문에 종속 패키지를 설치 NPM 사용하는 경우, 자주 고장의 원인이 설치되어
그래서 또한 당신은 NPM 국내 미러 ---- cnpm를 설치해야합니다
셋째, 설치 cnpm은 (주 모든 관리자 모드 실행)
NPM 명령 줄에서 -g cnpm --registry = HTTP를 설치 입력 : 다음 //registry.npm.taobao.org 설치를 위해 대기 한 후, 설치가 완료되면, 우리는 cnpm를 설치하는 대신 NPM의 사용할 수 있습니다
종속 패키지로 제공된다.
넷째, 설치 VUE-CLI 비계 빌드 도구 (모든 관리자가 실행하는 것이 주)
명령 줄 설치가 완료 될 때까지 위의 세 단계로, 다음, -g VUE-CLI를 설치 기다릴 cnpm 명령을 실행, 우리의 환경과 도구를 준비, 우리는 사용하기 시작
프로젝트를 빌드 할 VUE-CLI
다섯째, 프로젝트를 실행 구축
내가 여기있다 1. 당신의 프로젝트 디렉토리에 이름 라인에 CD를 필요로하는 프로젝트입니다
然后需要输入命令:vue init webpack frontend (这里命令的意思是初始化一个项目,项目名称是frontend,其中webpack是构建工具,
也就是整个项目时基于webpack的)
运行命令初始化的时候会让用户输入几个基本的选项,如项目名称、描述、作者等信息,可以直接回车默认就可以了。
六、安装项目依赖资源
在项目的根目录下面会有一个package.json的文件
这里列出了项目依赖资源需要安装
首先需要cd到项目目录中去,然后输入cnpm install 等待安装,安装中会出现警告信息,有的会出现栈溢出等错误,我就是在这里遇到了,一般
第一次安装没事,如果安装过的,可以卸载了在重新安装
七、运行项目
运行命令npm run dev会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新,浏览器就能实时看到修改后的效果
我们也可以在IDEA中配置运行
点击edit configurations配置,添加一个npm
然后就可以在IDEA中运行了。