1. 程式人生 > >vue-cli 環境搭建

vue-cli 環境搭建

一、開始之前需要的環境

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 + vueify,包括熱載入,靜態檢測,單元測試 webpack-simple--一個簡易的Webpack + vueify,以便於快速開始。

上面是常用的幾種模板  我這裡用 webpack模板 我看了很多案例實際專案大多數用webpack模板

進入到你想建立專案的目錄 輸入:

vue init webpack  專案名稱 

點選確定之後就是一些設定  專案名 、專案描述等、、最後完成之後可以到package.json檔案檢視

cd 進入你的專案資料夾  

npm run dev 騷等一會兒 瀏覽器就自動打開了,然後進入專案開發。

補充一點 :比如你從GitHub下載了別人的程式碼  

進入程式碼資料夾 輸入 npm install 等待安裝依賴包。

完成之後直接輸入 npm run dev就可以執行成功了。