1. 程式人生 > >Vue.js安裝腳手架,Vue.js安裝vue-cli

Vue.js安裝腳手架,Vue.js安裝vue-cli

Vue.js安裝腳手架,Vue.js安裝vue-cli

 

================================

©Copyright 蕃薯耀 2018年11月27日

http://fanshuyao.iteye.com/

 

一、使用npm命令需要先安裝nodejs

 

下載地址:https://nodejs.org/en/

 

安裝後開啟Cmd,輸入命令:node --version檢視是否安裝成功。(安裝時自動在系統路徑path增加D:\0soft\nodejs\環境變數)

 

二、編譯vue-cli

1、在目錄D:\0soft\vue-cli-dev的位址列直接輸入cmd執行

然後複製下面的命令執行編譯:

npm install -g vue-cli

 

2、編譯完成後輸入命令vue --version 檢查vue-cli是否編譯安裝成功

 

3、打包執行

輸入下面的命令:

vue init webpack vue_demo

 

打包完成後出現下面的資訊:

To get started:

  cd vue_demo

  npm run dev

 

我們按照提示的資訊輸入命令執行,然後出現下面的提示資訊:

 

Your application is running here:

http://localhost:8080



 

 

4、在瀏覽器開啟:http://localhost:8080進行驗證是否啟動。

 

5、以後執行可以直接進入D:\0soft\vue-cli-dev\vue_demo執行cmd命令,然後輸入npm run dev執行專案。

 

 

6、埠號修改:D:\0soft\vue-cli-dev\vue_demo\config\index.js,dev也是在這個檔案宣告的。

 

 

 

================================

©Copyright 蕃薯耀 2018年11月27日

http://fanshuyao.iteye.com/