vue-cli 環境搭建
阿新 • • 發佈:2019-02-14
一、開始之前需要的環境
1、node安裝 2、npm安裝
驗證成功安裝方法 node -v npm -v
如果都能正常顯示結果準備工作就完成了。
二、安裝vue-cli
1、開啟cmd 命令
2、輸入npm install -g vue-cli 點選確定之後等待安裝。
3、驗證安裝是否成功 vue --version/vue -V 正常顯示版本號則安裝成功。
三、選擇模板建立專案
browserify--全功能的Browserify + vueify,包括熱載入,靜態檢測,單元測試 browserify-simple--一個簡易的Browserify + vueify,以便於快速開始。上面是常用的幾種模板 我這裡用 webpack模板 我看了很多案例實際專案大多數用webpack模板
進入到你想建立專案的目錄 輸入:
vue init webpack 專案名稱
點選確定之後就是一些設定 專案名 、專案描述等、、最後完成之後可以到package.json檔案檢視
cd 進入你的專案資料夾
npm run dev 騷等一會兒 瀏覽器就自動打開了,然後進入專案開發。
補充一點 :比如你從GitHub下載了別人的程式碼
進入程式碼資料夾 輸入 npm install 等待安裝依賴包。
完成之後直接輸入 npm run dev就可以執行成功了。