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:
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/