3

node.js를 설치하고 xampp을 통해 apache를 실행하고 내 로컬 컴퓨터에서 연습용 서버 도메인으로 www.example.com을 사용할 수 있도록 내 Apache 서버를 구성했습니다. Apache를 사용하는 로컬 컴퓨터에서 cli를 사용하여 Vue.js를 설치하려면 어떻게해야합니까?

내가 관리자로 내 명령 프롬프트를 시작하고 다음 줄을 입력하지만, 그들은 모두 성공적으로 실행 :

는 VUE-CLI

$ npm install --global vue-cli 

는 "웹팩"템플릿

을 사용하여 새 프로젝트를 만들고, 설치하고
$ vue init webpack my-project 

종속성 설치 및 이동! 나는 나의 아파치 서버에 갈 때 나는 모든 vue.js 파일을 '내 프로젝트'의 내부에 설치되어있는 내 폴더로 이동하지만, 때

$ cd my-project 
$ npm install 
$ npm run dev 

나는 https://vuejs.org/v2/guide/installation.html

에 CLI 설치 섹션을 따라 www.example.com 또는 www.example.com/my-project에는 빈 페이지가 표시됩니다. 나는 '내 프로젝트'폴더에 내 index.html 파일에 들어갔고, 그것을 편집하는 경우 그리고 :

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>project3</title> 
    </head> 
    <body> 
    <div id="app">sdfsf</div> 
    <!-- built files will be auto injected --> 
    </body> 
</html> 

난 그냥 텍스트 sdfsf에 빈 페이지를 얻을. 내가 도대체 ​​뭘 잘못하고있는 겁니까? vue.js hello가 화면 페이지를로드하지 않는 이유는 무엇입니까?

+1

'npm run dev '다음에 브라우저로 가서'http : // localhost : 8080 /'을 입력하면 어떻게됩니까? – Saurabh

+0

와우, 거기에 설치되어 있습니다, 고마워요, 롤, 내 나쁜 :) –

+0

어떻게 설치되어있는 포트를 변경합니까? –

답변

2

당신은 실행하면 :

npm run dev 

그것은 노드 JS 서버를 시작합니다. 정확한 명령은 package.json에서 찾을 수 있으며 http://localhost:8080/으로 이동하여 결과를 볼 수 있습니다.

+0

8080이 아닌 다른 포트를 원할 경우 실행되는 포트 번호를 어떻게 변경합니까? package.json에서 포트 번호와 관련된 것을 찾을 수 없습니다. –

+0

@SimonSuh config 폴더에서 port는'npm run dev'를 실행할 때 사용되는 파일에 언급되어야합니다 (이에 대해서는'package.json'을 참조하십시오). 제 경우에는'config/index.js' – Saurabh

+0

감사합니다. :) :) 도움을 주셔서 감사합니다! –