vue的爬坑之路（一）之一vue-cli開發環境搭建

1.安裝node

node.js環境（npm包管理器）
cnpm npm的淘寶鏡像

從node.js官網下載並安裝node，安裝過程很簡單，一路「下一步」就能夠了（傻瓜式安裝）。
安裝完成以後，打開命令行工具，輸入 node -v，若是出現相應的版本號，則說明安裝成功。

npm包管理器，是集成在node中的，因此，直接輸入 npm -v就會顯示出npm的版本信息。

二、安裝cnpm

在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org

三、安裝webpack
npm install webpack -g//配置全局的webpack

四、安裝Vue2.0

cnpm install vue

5.安裝vue-cli 腳手架工具

cnpm install --global vue-cli

6.在某個目錄下，建立一個基於 webpack 模板的新項目

vue init webpack my-project
//my-project是你的項目名

7.安裝依賴

cd my-project //到項目目錄下
cnpm install //安裝依賴
不該用ESLint 
建立webpack模板項目時，若是你對ES6和ESLint不是很熟的話我我的不建議你應用它，由於要求比較嚴格，因此一不當心就報錯，致使整個項目運行不起來，對於初學很痛苦。 
這裏寫圖片描述

8.運行新建立的vue項目

npm run dev

 ps:運行項目的時候必定要到文件的根目錄下在運行項目，否則有可能會報錯誤，例如：

 

運行以後會看到vue的初始頁面效果，以下圖，說明你就成功搭建了一個vue項目。（下面框出來的是官方提供的插件和awesome，很實用） 
這裏寫圖片描述