VUE初學者------------初始化一個vue項目

　　

一、配置環境

1.安裝node.js

　　直接點https://pan.baidu.com/s/1kWz6PYv或者到中文官網http://nodejs.cn/下載安裝包。

2.npm和cnpm

　　我們安裝的每個node版本中已經自帶了一個npm,輸入以下命令可以更新npm至最新版本

npm install -g npm

　　我們還可以安裝cnpm工具，它是中國版的npm鏡像庫，地址在這里：https://cnpmjs.org/，

　　用這個國內的速度比較快。快捷鍵win+R進入cmd

npm install -g cnpm --registry=http://r.cnpmjs.org

或者用淘寶的

npm install -g cnpm --registry=https://registry.npm.taoba.org

都安裝完成后，可以命令行工具中輸入 node -v 和 npm -v，如果能顯示出版本號，就說明安裝成功。

 

二、初始化 vue-cli

 1.安裝vue-cli

　　直接全局安裝 vue-cli，用cnpm 會快一些

cnpm install -g vue-cli

  同樣可以檢查一下版本

     

2.初始化項目

vue init webpack Vue-Project

 　　如下圖，填寫信息

　　

　　ps:ESLint 如果選了yes，會以嚴格模式規范你的代碼，如果你想規范化開發可以選擇yes,如果覺得影響開發進度就可以選no；

　　安裝依賴,進入文件目錄

cnpm install

      啟動服務

npm run dev

　　打開瀏覽器，看到下圖就是啟動成功了

啦啦啦，第一篇就這樣~